hanh.tonguyen/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebar scrollbar: hide track background when not hovering

Browse Source 
The scrollbar track background was still visible as a colored "well" even
when the thumb was hidden. Now both track and thumb are fully transparent
by default, only appearing on container hover.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
Dotta
2026-03-15 10:49:24 -05:00
parent fe0d7d029a
commit 94112b324c
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/index.css
View File

@@ -178,12 +178,13 @@
background: oklch(0.5 0 0); background: oklch(0.5 0 0);
} }
/* Auto-hide scrollbar: fully transparent by default, visible on container hover */ /* Auto-hide scrollbar: fully invisible by default, visible on container hover */
.scrollbar-auto-hide::-webkit-scrollbar-track { .scrollbar-auto-hide::-webkit-scrollbar-track {
background: transparent !important; background: transparent !important;
} }
.scrollbar-auto-hide::-webkit-scrollbar-thumb { .scrollbar-auto-hide::-webkit-scrollbar-thumb {
background: transparent !important; background: transparent !important;
transition: background 150ms ease;
} }
.scrollbar-auto-hide:hover::-webkit-scrollbar-track { .scrollbar-auto-hide:hover::-webkit-scrollbar-track {
background: oklch(0.205 0 0) !important; background: oklch(0.205 0 0) !important;