diff --git a/backend/static/js/app.js b/backend/static/js/app.js index ed4aa41..c863241 100644 --- a/backend/static/js/app.js +++ b/backend/static/js/app.js @@ -193,32 +193,12 @@ const App = (() => { } function _openSidebar() { - const sidebar = document.getElementById('sidebar'); - if (!sidebar) return; - // Inline-Styles: unabhängig vom CSS-Cache-Stand - // Inline-Styles: unabhängig vom CSS-Cache; Farben als Fallback hardcoded - const bg = getComputedStyle(document.documentElement) - .getPropertyValue('--c-surface').trim() || '#ffffff'; - sidebar.style.cssText = [ - 'display:flex', - 'position:fixed', - 'top:0', 'left:0', 'bottom:0', - 'width:240px', - 'z-index:2000', - `background:${bg}`, - 'flex-direction:column', - 'overflow:hidden', - 'box-shadow:4px 0 24px rgba(0,0,0,0.22)', - 'border-right:1px solid #e5e7eb', - 'transform:translateX(0)', // CSS hat translateX(-100%) → muss überschrieben werden - ].join(';'); + document.getElementById('sidebar')?.classList.add('open'); document.getElementById('sidebar-backdrop')?.classList.add('visible'); } function _closeSidebar() { - const sidebar = document.getElementById('sidebar'); - if (!sidebar) return; - sidebar.style.cssText = ''; // alle Inline-Styles weg → CSS übernimmt wieder + document.getElementById('sidebar')?.classList.remove('open'); document.getElementById('sidebar-backdrop')?.classList.remove('visible'); } diff --git a/backend/static/sw.js b/backend/static/sw.js index c05aeaf..9c80bfb 100644 --- a/backend/static/sw.js +++ b/backend/static/sw.js @@ -3,7 +3,7 @@ Offline-Cache + Push Notifications ============================================================ */ -const CACHE_VERSION = 'by-v32'; +const CACHE_VERSION = 'by-v33'; const CACHE_STATIC = `${CACHE_VERSION}-static`; // index.html wird NICHT pre-gecacht (immer Network-First)