From afb16e83a7479c91658f9a7550c7ab2680437e88 Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 7 Apr 2026 22:29:35 +0000 Subject: [PATCH] Show sidebar inline on mobile instead of hiding it Previous approach (display:none) broke Contents tab navigation. New approach: Keep sidebar visible but make it flow inline with content. Sidebar now appears as full-width content block on mobile. Both Contents and Media tabs should work properly. --- admin/index.html | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) diff --git a/admin/index.html b/admin/index.html index 65898a1..987da14 100644 --- a/admin/index.html +++ b/admin/index.html @@ -22,24 +22,17 @@ ═══════════════════════════════════════════════════════════ */ @media (max-width: 768px) { - /* Sidebar - HIDDEN by default on mobile */ + /* Sidebar - Show in main content area on mobile (not hidden) */ aside, [class*="Sidebar"], nav[class*="Sidebar"] { - display: none !important; - } - - /* BUT show sidebar content in main area when Contents tab is active */ - [class*="App-content"].active aside, - [class*="App-content"].active [class*="Sidebar"], - .contents-active aside, - .contents-active [class*="Sidebar"] { - display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; border: none !important; + margin: 0 !important; + padding: 12px !important; } /* Main content takes full width */