From 0f2380602685e3bbb120578c195ae2824259ffd4 Mon Sep 17 00:00:00 2001 From: BingEdward <7487@users.noreply.github.com> Date: Sun, 26 Apr 2026 10:59:36 +0800 Subject: [PATCH] fix: enable independent scrolling in sidebar navigation When sidebar content overflows on desktop, users cannot scroll to see hidden items. Add flex-1 + overflow-y-auto + scroll-smooth to the .navigation class so each sidebar section scrolls independently within the sticky page layout. Co-Authored-By: Claude Opus 4.7 --- .../src/Containers/Sidebar/index.module.css | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/packages/ui-components/src/Containers/Sidebar/index.module.css b/packages/ui-components/src/Containers/Sidebar/index.module.css index a56bed69bf94b..91c02e47312e1 100644 --- a/packages/ui-components/src/Containers/Sidebar/index.module.css +++ b/packages/ui-components/src/Containers/Sidebar/index.module.css @@ -1,7 +1,7 @@ @reference "../../styles/index.css"; .wrapper { - @apply ml:max-w-xs + @apply ml:max-w-xs ml:overflow-auto ml:border-r scrollbar-thin @@ -16,18 +16,21 @@ bg-white px-4 pt-6 - 2xl:px-6 + 2xl:px-6 dark:border-neutral-900 dark:bg-neutral-950; - .navigation { - @apply ml:flex + .navigation { + @apply ml:flex + flex-1 + overflow-y-auto + scroll-smooth hidden; - } + } - .mobileSelect { - @apply ml:hidden + .mobileSelect { + @apply ml:hidden flex w-full; - } + } }