gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 23:59:02 +02:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

style/table collections: add a placeholder style for rows and cells

Browse Source
This commit is contained in:
Adorian Doran 2025-07-11 00:16:15 +03:00
parent 824a3c5fcc
commit 18c55784c7
1 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
apps/client/src/stylesheets/table.css
View File

@ -5,10 +5,25 @@
--col-header-arrow-active-color: blue; --col-header-arrow-active-color: blue;
--col-header-arrow-inactive-color: white; --col-header-arrow-inactive-color: white;
--row-text-color: white;
--row-alternate-background-color: transparent;
--grid-color: gray;
--cell-read-only-text-color: gray;
--cell-editing-background-color: black;
--cell-editing-text-color: yellow;
--cell-editing-border-color: green;
--cell-editing-border-width: 2px;
background: unset; background: unset;
border: unset; border: unset;
} }
.tabulator .tabulator-tableholder .tabulator-table {
background: unset;
}
/* Column headers */ /* Column headers */
.tabulator .tabulator-header { .tabulator .tabulator-header {
@ -33,4 +48,41 @@
.tabulator .tabulator-header .tabulator-col { .tabulator .tabulator-header .tabulator-col {
background: var(--col-header-background-color); background: var(--col-header-background-color);
}
/* Rows */
.tabulator-row {
background: transparent;
border: 1px solid var(--grid-color);
color: var(--row-text-color);
}
.tabulator-row.tabulator-row-even {
background: var(--row-alternate-background-color);
}
.tabulator-row.tabulator-moving {
backdrop-filter: blur(5px);
}
/* Cell */
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-cell {
border-right-color: var(--grid-color);
}
.tabulator-row .tabulator-cell:not(.tabulator-editable) {
color: var(--cell-read-only-text-color);
}
.tabulator-row .tabulator-cell.tabulator-editing {
outline: calc(var(--cell-editing-border-width) - 1px) solid var(--cell-editing-border-color);
border-color: var(--cell-editing-border-color);
background: var(--cell-editing-background-color);
}
.tabulator-row .tabulator-cell.tabulator-editing > * {
color: var(--cell-editing-text-color);
} }