PWA: iOS-hjemskjermhint, kompass-feilmelding og zoom-fiks

- Fjern maximum-scale/user-scalable på viewport slik at siden kan
  zoomes (WCAG 1.4.4). Leaflet håndterer gestikk på kartet selv.
- Legg til Apple-meta-tagger for standalone-modus og statuslinje.
- Vis engangsbanner på iOS Safari om å legge til på hjemskjerm,
  siden iOS ikke støtter beforeinstallprompt.
- Gi tydelig statusmelding når bruker avslår kompasstilgang i
  stedet for å stille reversere til kartmodus.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2026-04-20 13:22:21 +02:00
commit 42c28df102
8 changed files with 124 additions and 2 deletions

View file

@ -101,10 +101,14 @@ function setupButtons(): void {
const compassContainer = document.getElementById('compass-container')!;
if (isCompassMode) {
// Request compass permission on first toggle (iOS requirement)
// Request compass permission on first toggle (iOS requirement).
// On denial we stay in map mode and surface a status message so the
// user understands why nothing happened — silent reverting is the
// failure mode the Android GPS-denied banner was designed to avoid.
const granted = await compassProvider.requestPermission();
if (!granted) {
isCompassMode = false;
statusBar.setStatus(t('compass_permission_denied'));
return;
}
mapContainer.style.display = 'none';