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; }
}
/* Mobile Sidebar als Drawer — NACH den Base-Regeln, damit display:flex gewinnt */
/* Mobile Sidebar als Drawer */
@media (max-width: 767px) {
#sidebar {
display: flex;
z-index: 500;
transform: translateX(-100%);
transition: transform 0.28s ease;
display: flex !important; /* überschreibt display:none aus Base */
position: fixed;
top: 0;
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 {
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
============================================================ */
const CACHE_VERSION = 'by-v29';
const CACHE_VERSION = 'by-v30';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
// Diese Dateien werden beim Install gecacht (App Shell)