From 3897d54ba3bcd64457ed6f8d94742baef5d6e770 Mon Sep 17 00:00:00 2001 From: boban Date: Sun, 17 May 2026 12:56:41 +0200 Subject: [PATCH] fix(bug-2): sidebar-aside base width outside media query + auto-close on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Move .sidebar-aside{width:15rem} outside @media min-width:768px so mobile gets explicit width — without it -translate-x-full translates 0px and sidebar content bleeds visible (Collapse text, logout icon) - Resize handler: auto-close mobileOpen when crossing to mobile viewport Co-Authored-By: Claude Sonnet 4.6 --- resources/js/bootstrap.js | 2 ++ resources/views/layouts/nimuli-app.blade.php | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js index 0f1fddc..f50391a 100644 --- a/resources/js/bootstrap.js +++ b/resources/js/bootstrap.js @@ -68,9 +68,11 @@ document.addEventListener('alpine:init', () => { this.isCollapsed = this.collapsed && ! this.isMobile; this._syncDataset(); window.addEventListener('resize', () => { + const wasMobile = this.isMobile; this.isMobile = window.innerWidth < 768; this.isCollapsed = this.collapsed && ! this.isMobile; this._syncDataset(); + if (this.isMobile && ! wasMobile) { this.mobileOpen = false; } }); }, _syncDataset() { diff --git a/resources/views/layouts/nimuli-app.blade.php b/resources/views/layouts/nimuli-app.blade.php index 8e6d336..52e5c60 100644 --- a/resources/views/layouts/nimuli-app.blade.php +++ b/resources/views/layouts/nimuli-app.blade.php @@ -89,10 +89,10 @@ } html[data-sidebar-collapsed] .skel-sidebar { width: 64px; } html[data-sidebar-collapsed] .skel-topbar { left: 64px; } + .sidebar-aside { width: 15rem; } @media (min-width: 768px) { .nim-content { margin-left: 210px; } html[data-sidebar-collapsed] .nim-content { margin-left: 55px; } - .sidebar-aside { width: 15rem; } html[data-sidebar-collapsed] .sidebar-aside { width: 4rem; } } body.app-ready .app-spinner,