igor f7325ea7cb fix(ios): stop using black-translucent so the home-screen app reaches the bottom edge ...

Measured on an iPhone Air home-screen install (via /diag): screen 812,
innerHeight/100dvh/100svh 751, 100lvh/100vh 812, top inset 61. With
apple-mobile-web-app-status-bar-style=black-translucent iOS sizes the
layout viewport as screen minus the top inset, anchored at the top, so
the shell ended 61px above the bottom edge (a dead band) and every
position:fixed;bottom:* element floated too high. herdr-web-ui leaves
the meta tag absent and fills the screen.

- remove the status-bar-style meta from all page heads (needs the icon
  removed and re-added: iOS bakes it in at install time)
- 100dvh fallbacks next to every 100vh (WebKit reports 100vh/100lvh
  overflowing in default-style standalone installs)
- add startup images for iPhone Air (420x912) and iPhone 16/17 Pro
  (402x874); the installed app was reporting a 375x812 screen
- /diag: dead-band and unambiguous header/bar metrics, loud edge markers
- tests/pwaHead.test.js guards the head, the splash set and 100vh
- bump ASSET_VERSION and service worker cache

2026-10-13 13:33:20 +13:00

240 KiB

2736x1260px

Raw History