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
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1078'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1079'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
||||
const IS_STAGING = location.hostname === 'staging.banyaro.app';
|
||||
// Cache-Bust-Parameter nach Update-Reload sofort entfernen.
|
||||
|
|
|
|||
|
|
@ -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