rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Mobile Sidebar z-index 1000 + display:flex !important

Browse source 
Backdrop lag bei z-index 499 über der Sidebar (z-index 300 Base).
Sidebar bekommt auf Mobile z-index:1000, display:flex !important
und will-change:transform. SW by-v29 → by-v30.
This commit is contained in:
rene 2026-04-14 17:16:54 +02:00
parent 1c8ed88dac
commit 40b802ae86
2 changed files with 19 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

24
backend/static/css/layout.css
View file

@ -265,16 +265,28 @@
#sidebar { display: flex; } #sidebar { display: flex; }
} }
/* Mobile Sidebar als Drawer — NACH den Base-Regeln, damit display:flex gewinnt */ /* Mobile Sidebar als Drawer */
@media (max-width: 767px) { @media (max-width: 767px) {
#sidebar { #sidebar {
display: flex; display: flex !important; /* überschreibt display:none aus Base */
z-index: 500; position: fixed;
transform: translateX(-100%); top: 0;
transition: transform 0.28s ease; left: 0;
bottom: 0;
width: var(--nav-sidebar-width);
z-index: 1000; /* klar über Backdrop (999) */
transform: translateX(-100%);
transition: transform 0.28s ease;
will-change: transform;
background: var(--c-surface);
box-shadow: none;
} }
#sidebar.open { #sidebar.open {
transform: translateX(0); transform: translateX(0);
box-shadow: 4px 0 24px rgba(0,0,0,0.18);
}
.sidebar-backdrop {
z-index: 999; /* unter Sidebar, über Seiteninhalt */
} }
} }

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications Offline-Cache + Push Notifications
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v29'; const CACHE_VERSION = 'by-v30';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
// Diese Dateien werden beim Install gecacht (App Shell) // Diese Dateien werden beim Install gecacht (App Shell)