Changeset 9327a85 in Klonkt

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.

Location:

src

Files:

• server.js (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/server.js

@@ -395 +395 @@
   res.set('Cache-Control', 'no-cache');
   res.send(`
-const CACHE_VERSION = 'pcms-v14-' + new Date().toISOString().split('T')[0];
+const CACHE_VERSION = 'pcms-v15-' + new Date().toISOString().split('T')[0];
 self.addEventListener('install', e => {
   e.waitUntil(caches.open(CACHE_VERSION).then(c => c.addAll(['/'])));

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');