From 825d2b4759032be990d9e0461a9d98661b793880 Mon Sep 17 00:00:00 2001 From: Dotta Date: Sat, 14 Mar 2026 13:47:55 -0500 Subject: [PATCH] fix(ui): hide scrollbar track background when sidebar is not hovered The scrollbar-auto-hide utility was only hiding the thumb but left the track background visible, creating a visible "well" even when idle. Now both track and thumb are transparent by default, appearing only on container hover. Fixes PAP-374 Co-Authored-By: Paperclip --- ui/src/index.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ui/src/index.css b/ui/src/index.css index 7b0eee34..3ba08932 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -178,10 +178,16 @@ background: oklch(0.5 0 0); } -/* Auto-hide scrollbar: transparent by default, visible on container hover */ +/* Auto-hide scrollbar: fully transparent by default, visible on container hover */ +.scrollbar-auto-hide::-webkit-scrollbar-track { + background: transparent !important; +} .scrollbar-auto-hide::-webkit-scrollbar-thumb { background: transparent !important; } +.scrollbar-auto-hide:hover::-webkit-scrollbar-track { + background: oklch(0.205 0 0) !important; +} .scrollbar-auto-hide:hover::-webkit-scrollbar-thumb { background: oklch(0.4 0 0) !important; }