commit f898ac6c2e94025e0390071ab9dd6c979fb5c5d5
parent 9a3495dd0073acc9977d39a778e2715233fa65d1
Author: Hunter
Date: Sun, 30 Aug 2026 20:14:47 -0400
experimental countermeasure for iOS 27 beta status bar dropshadow
Diffstat:
3 files changed, 25 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
@@ -27,6 +27,9 @@
<link rel="stylesheet" href="resources/styles.css">
</head>
<body>
+ <!-- counteract colored drop shadow on iOS 27 beta status bar -->
+ <div id="status-bar-tint" aria-hidden="true"></div>
+
<div id="boxes">
<div id="left-box">
<div id="map-container"></div>
diff --git a/manifest.json b/manifest.json
@@ -6,8 +6,8 @@
"start_url": "./",
"scope": "./",
"display": "standalone",
- "background_color": "antiquewhite",
- "theme_color": "antiquewhite",
+ "background_color": "#faebd7",
+ "theme_color": "#faebd7",
"icons": [
{
"src": "resources/icon.png",
diff --git a/resources/styles.css b/resources/styles.css
@@ -3,6 +3,7 @@
--type-char-ms: 0.5ms;
--event-color: antiquewhite;
--link-pad: 6px;
+ --status-tint-h: 16px;
}
html, body {
@@ -20,6 +21,25 @@ html, body {
background: antiquewhite;
}
+#status-bar-tint {
+ display: none;
+}
+/* counteract colored drop shadow on iOS 27 beta status bar */
+@media (display-mode: standalone) {
+ #status-bar-tint {
+ display: block;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--status-tint-h);
+ z-index: 2000;
+ pointer-events: none;
+ background-color: var(--event-color);
+ transition: background-color var(--color-shift-ms) ease-in-out;
+ }
+}
+
#boxes {
display: flex;
flex-direction: row;