events

commit 20141c8b809e4f4a6b976073a8c320a34efb0c86
parent e41317a1a34176bcd090f236d6c0c6aee71e97b9
Author: Hunter
Date:   Tue,  1 Sep 2026 00:32:00 -0400

increase activation specificity for ios PWA statusbar workaround

Diffstat:
M
index.html
 | 
6
++++++
M
resources/styles.css
 | 
4
++--

2 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
@@ -23,6 +23,12 @@
 			window.eventsData = fetchJson("resources/events.json")
 				.catch(function () { return fetchJson("resources/demo.json"); });
 		</script>
+		<script>
+			if (/iPad|iPhone|iPod/.test(navigator.userAgent) ||
+				(/Macintosh/.test(navigator.userAgent) && navigator.maxTouchPoints > 1)) {
+				document.documentElement.classList.add("is-ios");
+			}
+		</script>
 		<link rel="stylesheet" href="resources/maplibre/maplibre-gl.css">
 		<link rel="stylesheet" href="resources/styles.css">
 	</head>
diff --git a/resources/styles.css b/resources/styles.css
@@ -25,8 +25,8 @@ html, body {
 	display: none;
 }
 /* counteract colored drop shadow on iOS 27 beta status bar */
-@media (display-mode: standalone) {
-	#status-bar-tint {
+@media (display-mode: standalone) and (orientation: portrait) {
+	.is-ios #status-bar-tint {
 		display: block;
 		position: fixed;
 		top: 0;