Fix: Offline-Pfote als schwebendes Element (Welten verstecken Header), SW by-v1079

Der Header (#app-header) ist in den Welten per 'display:none !important'
ausgeblendet (Welten übernehmen Navigation). Mein Pfötchen saß da
drin und war genau dort unsichtbar wo es sichtbar sein sollte.

- Button aus dem Header rausgeholt, am Ende vom body als schwebendes
  Element platziert (position:fixed; top-right; z-index:9000)
- Eigener Stil: 40px runder Glas-Hintergrund, blur-Effekt, leichter
  Schatten — passt zur FAB-Optik unten rechts
- Dark-Mode Hintergrund: dunkles Glas
- Sichtbar in allen Welten und auf allen Seiten (auch wo Header da
  ist — sitzt daneben)
- 'hidden'-Default raus, Element ist sofort sichtbar (nur Färbung
  wartet auf refresh())
This commit is contained in:
rene 2026-05-26 14:24:45 +02:00
parent 776641fa65
commit 06b91dc54b
6 changed files with 54 additions and 41 deletions

View file

@ -71,7 +71,7 @@ window.OfflineIndicator = (() => {
// ----------------------------------------------------------
async function refresh() {
if (!_btn) return;
if (!('caches' in window)) { _btn.classList.add('hidden'); return; }
if (!('caches' in window)) { _btn.style.display = 'none'; return; }
const results = await Promise.all(CHECKS.map(async c => {
try { return { ...c, ok: await c.probe() }; }
@ -93,7 +93,6 @@ window.OfflineIndicator = (() => {
});
_btn.title = `Offline-Bereitschaft: ${score} von 5`;
_btn.setAttribute('aria-label', `Offline-Bereitschaft: ${score} von 5`);
_btn.classList.remove('hidden');
}
// ----------------------------------------------------------