Changeset f6b2c68 in Klonkt for src/server.js

Timestamp:

06/26/2026 04:49:12 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

9327a85

Parents:

1c85964

Message:

fix(ios-pwa): pad body for safe-area when masthead is hidden on mobile

Root cause (found via on-device debug): <=767px the masthead is display:none
(bottom-tab replaces it), so its safe-area padding has no effect (height 0) and the
profile-header lands at top=0 behind the Dynamic Island. Landscape (>767px) shows the
masthead so it worked there. Fix: pad body:not(.on-admin) by --ios-safe-top in the same
mobile media query, and make the JS adaptive (masthead hidden -> force body padding,
else masthead). Removed the temporary debug overlay; SW cache -> v14.

File:

• src/server.js (modified) (1 diff)

src/server.js

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