Changeset 9327a85 in Klonkt for src/views/shell.ejs

Timestamp:

06/26/2026 04:56:10 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

69e7a79

Parents:

f6b2c68

Message:

fix(ios-pwa): drop the top safe-area inset in landscape (island is on the side)

Portrait path is unchanged (standalone?59:47). In landscape the notch/island moves to
the side so the top inset is ~0 — key off orientation and use 0 there, leaving only the
masthead's base padding. SW cache -> v15.

File:

• src/views/shell.ejs (modified) (1 diff)

src/views/shell.ejs

@@ -220 +220 @@
     p.remove();
     var i = rawEnv;
-    if (i < 20 && Math.max(screen.width, screen.height) >= 812) i = standalone ? 59 : 47;
+    if (i < 20 && Math.max(screen.width, screen.height) >= 812) {
+      // Portrait: the island sits at the TOP → full inset (UNCHANGED: standalone?59:47).
+      // Landscape: the island moves to the SIDE, so the top inset is ~0 → no top padding
+      // (only the masthead's own base padding remains). env() can't tell us (returns 0),
+      // so we key off orientation directly.
+      i = (window.innerWidth > window.innerHeight) ? 0 : (standalone ? 59 : 47);
+    }
     document.documentElement.style.setProperty('--ios-safe-top', i + 'px');
     var mh = document.querySelector('.masthead');