From 8c878e4bba257ecede979d60c42e8d63f07d4d72 Mon Sep 17 00:00:00 2001
From: Leopoldadmin <leopold.hammerschmidt@media-on.de>
Date: Sun, 28 Jun 2026 18:26:47 +0200
Subject: [PATCH] fix: hide empty MobileDrawers overlays that covered real
 sidebar content on mobile

- MobileDrawers component rendered empty drawer-left/drawer-right overlays
- These had drawer-body with 0 children, covering the real leftbar/rightbar
- Real sidebars with actual content now visible as slide-in overlays
---
 frontend/src/styles.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index e29f1fc..ff1487e 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1268,6 +1268,9 @@ a:hover { text-decoration: underline; }
   }
   .leftbar.open { transform: translateX(0); }
   .rightbar.open { transform: translateX(0); }
+  /* Hide empty MobileDrawers overlays — real sidebars are used as slide-in overlays */
+  .drawer { display: none !important; }
+  body.drawer-open { overflow: auto !important; }
   /* Mobile sidebars: scrollable content, visible labels */
   .leftbar { overflow-y: auto; -webkit-overflow-scrolling: touch; }
   .leftbar-title { display: block; }