github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 22:53:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(grid): unify selected cell border thickness in DOM and canvas mode

Browse Source 
DOM mode: replace box-shadow with outline to avoid stacking with row border-b.
Canvas mode: draw row border before selected cell overlay so selection uses
uniform color on all four sides; clamp top edge to prevent canvas clipping.
This commit is contained in:
t8y2 committed 2026-06-09 01:01:50 +08:00
1 parent 45a6bb8a58
commit 0ce6fde347
2 files changed
+22 -17
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/grid/DataGrid.vue
+10 -5
View File
@@ -8775,17 +8775,20 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.cell-selected {
background-color: var(--data-grid-cell-selected-bg);
box-shadow: inset 0 0 0 1px var(--data-grid-cell-selected-border);
outline: 1px solid var(--data-grid-cell-selected-border);
outline-offset: -1px;
}
.row-cell-selected {
background-color: var(--data-grid-cell-selected-bg);
box-shadow: inset 0 0 0 1px var(--data-grid-cell-selected-border);
outline: 1px solid var(--data-grid-cell-selected-border);
outline-offset: -1px;
}
.transpose-record-header-selected {
background-color: var(--data-grid-row-number-selected-bg);
box-shadow: inset 0 0 0 1px var(--data-grid-cell-selected-border);
outline: 1px solid var(--data-grid-cell-selected-border);
outline-offset: -1px;
}
.transpose-record-header-active {
@@ -8794,12 +8797,14 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.cell-selected-dirty {
background-color: var(--data-grid-cell-selected-dirty-bg);
box-shadow: inset 0 0 0 1px var(--data-grid-cell-selected-border);
outline: 1px solid var(--data-grid-cell-selected-border);
outline-offset: -1px;
}
.row-cell-selected-dirty {
background-color: var(--data-grid-cell-selected-dirty-bg);
box-shadow: inset 0 0 0 1px var(--data-grid-cell-selected-border);
outline: 1px solid var(--data-grid-cell-selected-border);
outline-offset: -1px;
}
.data-grid-row-number.bg-emerald-500\/15 {