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

fix(grid): keep row numbers opaque

This commit is contained in:
t8y2 2026-05-31 12:56:30 +08:00
parent bbd07e564b
commit c8cf7ccf00
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5692,7 +5692,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
:data-row-index="item.displayIndex"
>
<div
class="shrink-0 px-2 py-1 border-r border-border text-center select-none cursor-default hover:bg-accent/50 sticky left-0 z-10 bg-[rgb(255_255_255)] dark:bg-[rgb(15_15_15)]"
class="data-grid-row-number shrink-0 px-2 py-1 border-r border-border text-center select-none cursor-default hover:bg-accent/50 sticky left-0 z-10 bg-[rgb(255_255_255)] dark:bg-[rgb(15_15_15)]"
:class="[
rowNumberStatusClass(item),
{
@ -6879,10 +6879,30 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--primary) 70%, transparent);
}
.data-grid-row-number.bg-emerald-500\/15 {
background-color: color-mix(in oklab, rgb(16 185 129) 15%, var(--background));
}
.data-grid-row-number.bg-amber-500\/15 {
background-color: color-mix(in oklab, rgb(245 158 11) 15%, var(--background));
}
.data-grid-row-number.bg-destructive\/15 {
background-color: color-mix(in oklab, var(--destructive) 15%, var(--background));
}
.active-row > div:not(.cell-dirty) {
background-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
.active-row > .data-grid-row-number:not(.cell-dirty) {
background-color: color-mix(in oklab, var(--primary) 15%, var(--background));
}
.data-grid-row-number.\!bg-primary\/25 {
background-color: color-mix(in oklab, var(--primary) 25%, var(--background)) !important;
}
.ddl-code :deep(.ddl-kw) {
color: oklch(0.6 0.15 250);
font-weight: 600;