From e99fa66dafc35baae4cb79ae72c0e93f5980010e Mon Sep 17 00:00:00 2001 From: dotta Date: Wed, 18 Mar 2026 14:40:50 -0500 Subject: [PATCH] Fix sidebar scrollbar pushing content on hover Reserve 8px scrollbar width at all times instead of expanding from 0 on hover. The thumb stays transparent until hover so the scrollbar is visually hidden but no longer causes a layout shift. Co-Authored-By: Paperclip --- ui/src/index.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index eb14d22c..2b3e6171 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -178,9 +178,9 @@ background: oklch(0.5 0 0); } -/* Auto-hide scrollbar: completely hidden by default, visible on container hover */ +/* Auto-hide scrollbar: always reserves space, thumb visible only on hover */ .scrollbar-auto-hide::-webkit-scrollbar { - width: 0 !important; + width: 8px !important; background: transparent !important; } .scrollbar-auto-hide::-webkit-scrollbar-track { @@ -189,9 +189,6 @@ .scrollbar-auto-hide::-webkit-scrollbar-thumb { background: transparent !important; } -.scrollbar-auto-hide:hover::-webkit-scrollbar { - width: 8px !important; -} .scrollbar-auto-hide:hover::-webkit-scrollbar-track { background: oklch(0.205 0 0) !important; }