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:
parent
776641fa65
commit
06b91dc54b
6 changed files with 54 additions and 41 deletions
|
|
@ -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');
|
||||
}
|
||||
|
||||
// ----------------------------------------------------------
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue