ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: widen scroll thumb hit area

Browse source 
Make the thumb overlay 12px wide while keeping the visible bar 6px centered for easier hover/drag.
This commit is contained in:
David Hill 2026-03-02 15:26:55 +00:00
commit 4c2aa4ab90
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/ui/src/components/scroll-view.css
View file

@ -17,9 +17,9 @@
.scroll-view__thumb { .scroll-view__thumb {
position: absolute; position: absolute;
right: 0; right: 1px;
top: 0; top: 0;
width: 16px; width: 12px;
transition: opacity 200ms ease; transition: opacity 200ms ease;
cursor: default; cursor: default;
user-select: none; user-select: none;
@ -29,7 +29,8 @@
.scroll-view__thumb::after { .scroll-view__thumb::after {
content: ""; content: "";
position: absolute; position: absolute;
right: 4px; left: 50%;
transform: translateX(-50%);
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 6px; width: 6px;