rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Handle table selection style with an overlay element

Browse Source 
Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
Émile Ré
2026-03-26 15:12:37 +04:00
parent cc93378996
commit 62d13a1539
10 changed files with 181 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/ui/src/rich-editor.css
View File

@@ -83,25 +83,6 @@
}
}
th.selectedCell, td.selectedCell,
th.focusedCell, td.focusedCell {
background-color: color-mix(in srgb, var(--color-info) 50%, transparent) !important;
border: 2px solid var(--color-border-info) !important;
}
.selectedCell:has(+ .selectedCell) {
border-right: 1px solid var(--color-border-mid) !important;
}
.selectedCell + .selectedCell {
border-left: 1px solid var(--color-border-mid) !important;
}
tr:has(+ tr .selectedCell) > .selectedCell {
border-bottom: 1px solid var(--color-border-mid) !important;
}
tr:has(.selectedCell) + tr > .selectedCell {
border-top: 1px solid var(--color-border-mid) !important;
}
.column-resize-handle {
@apply absolute top-0 -right-px bottom-0 w-0.5 bg-border-info pointer-events-none z-20;
}
@@ -111,6 +92,6 @@
}
.tableWrapper {
@apply overflow-x-auto my-4;
@apply relative overflow-x-auto my-4;
}
}