fix: add status bar shadow and safe-area offset for Android

Add drop shadow under the safe-area-inset-top zone to visually separate Android status icons from page content. Adjust StickyImage sticky positioning and max-height to account for safe-area-inset.
2026-04-06 00:10:06 +02:00
parent f508ba30cd
commit a4ea6c6e66
2 changed files with 17 additions and 4 deletions
@@ -280,6 +280,19 @@ body {
 	overflow-x: hidden;
 }

+/* Status bar drop shadow for edge-to-edge Android/PWA */
+body::before {
+	content: '';
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: env(safe-area-inset-top, 0px);
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+	z-index: 9999;
+	pointer-events: none;
+}
+
 /* ============================================
   LINK STYLES
   ============================================ */