From 40b802ae8657652616b49fe4f2646f8744cd2b85 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Tue, 14 Apr 2026 17:16:54 +0200
Subject: [PATCH] Fix: Mobile Sidebar z-index 1000 + display:flex !important
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 backend/static/css/layout.css | 24 ++++++++++++++++++------
 backend/static/sw.js          |  2 +-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index 2a6bd03..83c6223 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -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 */
   }
 }
 
diff --git a/backend/static/sw.js b/backend/static/sw.js
index bf5be06..becba5a 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -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)