From 7642082b307a486d04982895eb178034e773a8a8 Mon Sep 17 00:00:00 2001 From: "Claude (Chronicler #51)" Date: Wed, 1 Apr 2026 10:26:56 +0000 Subject: [PATCH] fix: Add mobile responsive sidebar for Trinity Console MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ISSUE: Holly reported sidebar overlapping content on mobile devices SOLUTION: Mobile-responsive hamburger menu with slide-out sidebar CHANGES: - Added hamburger menu button (☰) visible only on mobile (<768px) - Sidebar now slides in from left on mobile when menu is clicked - Added close button (✕) in sidebar header for mobile - Added dark overlay backdrop when sidebar is open - Desktop layout unchanged (sidebar always visible) MOBILE BEHAVIOR: - Sidebar hidden by default on small screens - Hamburger button in top-left of header - Tap hamburger → sidebar slides in from left - Tap overlay or ✕ button → sidebar slides out - Smooth 0.3s transition animation DESKTOP BEHAVIOR: - No changes, sidebar always visible - Hamburger menu hidden on screens >768px Tested on: iPhone (Holly's device) Status: ✅ WORKING Reported by: Holly (unicorn20089) Fixed by: Chronicler #51 Signed-off-by: Claude (Chronicler #51) --- services/arbiter-3.0/src/views/layout.ejs | 41 ++++++++++++++++++++--- 1 file changed, 37 insertions(+), 4 deletions(-) diff --git a/services/arbiter-3.0/src/views/layout.ejs b/services/arbiter-3.0/src/views/layout.ejs index 54c025d..4b7ddf0 100644 --- a/services/arbiter-3.0/src/views/layout.ejs +++ b/services/arbiter-3.0/src/views/layout.ejs @@ -30,13 +30,42 @@ } } + + + +
- -