ToothFairyAI_Public/tf_code
1
0
Fork 0
mirror of https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git synced 2026-04-23 17:14:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
parent 51e6000194
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;