- app.js: _applyDesktopWidth() setzt nach Page-Init die Klasse pc-desktop
auf dem ersten Kind-Div aller Standard-Seiten (excl. admin/map/chat/etc.)
- layout.css: .pc-desktop { max-width:860px !important; margin:0 auto }
- layout.css: .page-container ab 768px auf 860px (statt erst 1024px)
- main.py: /force-update Text "Service Worker wird entfernt" →
"Wir besorgen neue Leckerlis 🦴"
- layout.css ?v=1013, components.css ?v=1010, SW by-v1014, APP_VER 1014
Greeting-Karte + Wetter/Route/Übung-Chips stretchen nicht mehr auf volle
Desktopbreite. Chips sind je ~280px breit — deutlich kompakter als vorher.
components.css ?v=1010, SW by-v1013, APP_VER 1013
Das grid blieb wegen Spezifität aktiv. Explizite !important auf display:flex,
flex-wrap:nowrap, grid-template-columns:unset erzwingen die Eine-Zeile-Darstellung.
components.css ?v=1008, SW by-v1009, APP_VER 1009
- .world-chips-grid @768: flex nowrap, alle Chips in einer Zeile (80px Basis,
shrinks bis 60px), justify-content:center — egal wie viele aktiv
- #world-labels bottom: 22px→33px (vertikal zentriert zwischen Chips und Footer)
- components.css ?v=1007, SW by-v1008, APP_VER 1008
- #world-labels: right:80px→right:0 (Nav war durch halbe Breite nach links versetzt)
- @media 768px: Nav bleibt unten statt zurück nach oben — Chips+Nav+Footer
gleiches Layout wie Mobile, nur top-padding 48px und chip-grid max-width 480px
- components.css ?v=1005, SW by-v1006, APP_VER 1006
- #world-dots: ausgeblendet auf Mobile (Labels dienen als Tab-Indikator)
- #world-labels: von top→bottom (safe-area+20px), pill-Style für active
right:80px damit FAB nicht überlappt, backdrop-blur auf active label
- .world-panel top-padding: 58→32px (Info-Karte startet weiter oben)
- Desktop @media 768px: Nav bleibt oben (dots+labels wie vorher)
- components.css ?v=1003, SW by-v1004, APP_VER 1004
Beim ersten offline-Event pro Session erscheint ein blauer Info-Toast (8s):
'App im Vordergrund lassen — so bleiben Offline-Funktionen wie GPS und
Datenspeicherung aktiv.'
sessionStorage-Guard verhindert Wiederholung. SW by-v997, APP_VER 997
Browser-HTTP-Cache mit immutable lässt sich nach force-update nicht leeren.
Veraltete app.js (APP_VER alt) führt zu X-App-Version Mismatch → Dauerschleife.
SW übernimmt Caching sowieso → no-cache für alle JS/CSS ist sicher.
Root cause: ?v=885 in Script-Tags → Browser cached app.js immutable für 1 Jahr.
Nach force-update (löscht nur SW-Cache, nicht Browser-HTTP-Cache) lädt Browser
alte app.js mit APP_VER=885 → X-App-Version: 889 Mismatch → Endlosschleife.
Ab jetzt: ?v= in index.html IMMER mit APP_VER synchron halten.
clients.claim() feuert asynchron nach Seitenstart → controllerchange auf
der neu geladenen Seite → Reload → clients.claim() → loop.
Fix: controllerchange nur registrieren wenn _t= NICHT im URL steht.
statechange-activated und controllerchange feuern beide beim SW-Update.
statechange konsumierte den Flag und controllerchange reloadete trotzdem.
Jetzt prüft statechange nur, controllerchange konsumiert.
