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

style/table collections: add a placeholder style for column headers

Browse Source
This commit is contained in:
Adorian Doran 2025-07-10 21:52:09 +03:00
parent 4f42f543d8
commit 87da644027
1 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,36 @@
.tabulator {
--col-header-background-color: gray;
--col-header-text-color: white;
--col-header-hover-background-color: yellow;
--col-header-arrow-active-color: blue;
--col-header-arrow-inactive-color: white;
background: unset;
border: unset;
}
/* Column headers */
.tabulator .tabulator-header {
background: var(--col-header-background-color);
color: var(--col-header-text-color);
}
@media (hover: hover) and (pointer: fine) {
.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
background-color: var(--col-header-hover-background-color);
}
}
.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-top-color: var(--col-header-arrow-active-color);
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
border-bottom-color: var(--col-header-arrow-inactive-color);
}
.tabulator .tabulator-header .tabulator-col {
background: transparent;
}