From 01081fcd75d34f35f03cf1c715da70b54c44bd07 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Tue, 14 Apr 2026 16:54:29 +0200
Subject: [PATCH] Fix: Sidebar-Drawer transform:translateX statt left (kein
 Konflikt mit base-rule)

---
 backend/static/css/layout.css | 13 +++++--------
 backend/static/sw.js          |  2 +-
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index 443c7fe..bdfd9a9 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -121,16 +121,13 @@
 /* Mobile Sidebar als Drawer */
 @media (max-width: 767px) {
   #sidebar {
-    display:    flex;
-    position:   fixed;
-    left:       calc(-1 * var(--nav-sidebar-width));
-    top:        0;
-    bottom:     0;
-    z-index:    500;
-    transition: left 0.28s ease;
+    display:   flex;
+    z-index:   500;
+    transform: translateX(-100%);
+    transition: transform 0.28s ease;
   }
   #sidebar.open {
-    left: 0;
+    transform: translateX(0);
   }
 }
 
diff --git a/backend/static/sw.js b/backend/static/sw.js
index f0d5815..26956b7 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications
    ============================================================ */
 
-const CACHE_VERSION = 'by-v26';
+const CACHE_VERSION = 'by-v27';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 
 // Diese Dateien werden beim Install gecacht (App Shell)