xiaoxue_admin
/
dbx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(grid): show data grid vertical scrollbar

This commit is contained in:
t8y2 2026-06-15 15:37:07 +08:00
parent 96a01a6050
commit 60e49128cb
1 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/desktop/src/components/grid/DataGrid.vue
View File

@ -7761,11 +7761,34 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
scrollbar-gutter: stable;
will-change: scroll-position;
contain: layout style paint;
scrollbar-width: none;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: color-mix(in oklch, var(--foreground) 30%, transparent) transparent;
}
.data-grid-scroller::-webkit-scrollbar {
display: none;
width: 10px;
height: 0;
}
.data-grid-scroller::-webkit-scrollbar:horizontal {
height: 0;
}
.data-grid-scroller::-webkit-scrollbar-track {
background: transparent;
}
.data-grid-scroller::-webkit-scrollbar-thumb {
border: 3px solid transparent;
border-radius: 999px;
background: color-mix(in oklch, var(--foreground) 30%, transparent);
background-clip: content-box;
}
.data-grid-scroller::-webkit-scrollbar-thumb:hover {
background: color-mix(in oklch, var(--foreground) 48%, transparent);
background-clip: content-box;
}
.data-grid-scroller :deep(.vue-recycle-scroller__item-wrapper) {