From 4f49c8a2b9d063f395547110283f75942c39187c Mon Sep 17 00:00:00 2001 From: dotta Date: Wed, 18 Mar 2026 12:57:26 -0500 Subject: [PATCH] Fix sidebar scrollbar well visible when not hovering Set scrollbar width to 0 when not hovering so the track area doesn't create a visible gutter. On hover, width expands to 8px with the track/thumb colors. Co-Authored-By: Paperclip --- ui/src/index.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index 6a821296..eb14d22c 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -178,13 +178,19 @@ background: oklch(0.5 0 0); } -/* Auto-hide scrollbar: fully invisible by default, visible on container hover */ +/* Auto-hide scrollbar: completely hidden by default, visible on container hover */ +.scrollbar-auto-hide::-webkit-scrollbar { + width: 0 !important; + background: transparent !important; +} .scrollbar-auto-hide::-webkit-scrollbar-track { background: transparent !important; } .scrollbar-auto-hide::-webkit-scrollbar-thumb { background: transparent !important; - transition: background 150ms ease; +} +.scrollbar-auto-hide:hover::-webkit-scrollbar { + width: 8px !important; } .scrollbar-auto-hide:hover::-webkit-scrollbar-track { background: oklch(0.205 0 0) !important;