gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-04 05:28:59 +01:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

style/table collections: refactor

Browse Source
This commit is contained in:
Adorian Doran 2025-07-12 01:55:07 +03:00
parent 215833a2c9
commit 49489c0f45
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,6 @@
.tabulator { .tabulator {
--table-background-color: var(--main-background-color);
--col-header-background-color: var(--main-background-color); --col-header-background-color: var(--main-background-color);
--col-header-hover-background-color: var(--accented-background-color); --col-header-hover-background-color: var(--accented-background-color);
--col-header-text-color: var(--main-text-color); --col-header-text-color: var(--main-text-color);
@ -11,9 +13,10 @@
--row-alternate-background-color: var(--main-background-color); --row-alternate-background-color: var(--main-background-color);
--row-moving-background-color: var(--accented-background-color); --row-moving-background-color: var(--accented-background-color);
--row-text-color: var(--main-text-color); --row-text-color: var(--main-text-color);
--row-delimiter-color: var(--more-accented-background-color);
--grid-horizontal-color: var(--more-accented-background-color); --cell-horiz-padding-size: 8px;
--grid-vertical-color: red; --cell-vert-padding-size: 8px;
--cell-editable-hover-outline-color: var(--main-border-color); --cell-editable-hover-outline-color: var(--main-border-color);
--cell-read-only-text-color: var(--muted-text-color); --cell-read-only-text-color: var(--muted-text-color);
@ -28,7 +31,7 @@
} }
.tabulator .tabulator-tableholder .tabulator-table { .tabulator .tabulator-tableholder .tabulator-table {
background: unset; background: var(--table-background-color);
} }
/* Column headers */ /* Column headers */
@ -39,11 +42,6 @@
color: var(--col-header-text-color); color: var(--col-header-text-color);
} }
.tabulator div.tabulator-header .tabulator-col.tabulator-moving {
border: none;
background: var(--col-header-hover-background-color);
}
.tabulator .tabulator-col-content { .tabulator .tabulator-col-content {
padding: 8px 4px !important; padding: 8px 4px !important;
} }
@ -54,6 +52,11 @@
} }
} }
.tabulator div.tabulator-header .tabulator-col.tabulator-moving {
border: none;
background: var(--col-header-hover-background-color);
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
border-bottom-color: var(--col-header-arrow-active-color); border-bottom-color: var(--col-header-arrow-active-color);
border-top-color: var(--col-header-arrow-active-color); border-top-color: var(--col-header-arrow-active-color);
@ -77,15 +80,19 @@
/* Rows */ /* Rows */
.tabulator-row .tabulator-cell, .tabulator-row .tabulator-cell {
padding: var(--cell-vert-padding-size) var(--cell-horiz-padding-size);
}
.tabulator-row .tabulator-cell input { .tabulator-row .tabulator-cell input {
padding: 8px 4px; padding-left: var(--cell-horiz-padding-size) !important;
padding-right: var(--cell-horiz-padding-size) !important;
} }
.tabulator-row { .tabulator-row {
background: transparent; background: transparent;
border-top: none; border-top: none;
border-bottom: 1px solid var(--grid-horizontal-color); border-bottom: 1px solid var(--row-delimiter-color);
color: var(--row-text-color); color: var(--row-text-color);
} }