github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-21 10:28:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(objects): show horizontal scrollbar on hover

Browse Source
This commit is contained in:
zipg
2026-09-12 15:24:44 +08:00
parent 7cb1e6502f
commit f32b3928ea
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/objects/ObjectBrowser.vue
+33
View File
@@ -4163,6 +4163,39 @@ function getObjectBrowserMenuItems(item: ObjectBrowserRow): ContextMenuItem[] {
overflow-x: auto;
}
/* Keep the horizontal track discoverable when the platform uses overlay
scrollbars, while leaving the native vertical scrollbar in place. */
.object-browser-scroller::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.object-browser-scroller::-webkit-scrollbar-track {
background: transparent;
}
.object-browser-scroller::-webkit-scrollbar-thumb {
border: 1px solid transparent;
border-radius: 999px;
background: rgba(82, 82, 82, 0.28);
background: color-mix(in oklch, var(--foreground) 28%, transparent);
background-clip: padding-box;
}
.object-browser-scroller:hover::-webkit-scrollbar-thumb {
border: 0;
background: rgba(82, 82, 82, 0.45);
background: color-mix(in oklch, var(--foreground) 45%, transparent);
}
html.dbx-legacy-webview.dark .object-browser-scroller::-webkit-scrollbar-thumb {
background: rgba(212, 212, 216, 0.28);
}
html.dbx-legacy-webview.dark .object-browser-scroller:hover::-webkit-scrollbar-thumb {
background: rgba(212, 212, 216, 0.45);
}
/* The scroller itself stays viewport-width so its vertical scrollbar remains
visible at the right edge; the row content inside scrolls horizontally past
that width instead (issue #8885). */