mirror of
https://github.com/Lolabird/stellar-dark-theme-trilium.git
synced 2026-10-19 11:27:00 -06:00
Make table headers sticky and add zen mode
This commit is contained in:
parent
9dc72cf298
commit
27399e2b41
1 changed files with 65 additions and 1 deletions
|
|
@ -280,6 +280,31 @@ tr:nth-child(odd) {
|
|||
.ck-content .table table tbody tr:nth-child(odd) th {
|
||||
background-color: var(--table-header-gray) !important;
|
||||
}
|
||||
.ck-content .table table {
|
||||
width: 100%;
|
||||
max-height: 90vh;
|
||||
overflow: auto;
|
||||
}
|
||||
.ck-content .table table thead th {
|
||||
position: sticky;
|
||||
position: -webkit-sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.ck-content .table table tbody th {
|
||||
position: relative;
|
||||
}
|
||||
.ck-content .table table thead th:first-child {
|
||||
position: sticky;
|
||||
position: -webkit-sticky;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
.ck-content .table table tbody th {
|
||||
position: sticky;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
/*****TEXT DECORATION*****/
|
||||
|
|
@ -843,3 +868,42 @@ code.hljs {
|
|||
.hljs-strong {
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
|
||||
/*****ZEN MODE*****/
|
||||
/*Use the button or alt+z to toggle it on and off*/
|
||||
/* hide launcher *
|
||||
.zen-mode #launcher-pane {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* hide note tree */
|
||||
.zen-mode #left-pane {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* hide ribbon buttons */
|
||||
.zen-mode .ribbon-container {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* hide note title */
|
||||
.zen-mode .title-row {
|
||||
display: none !important;
|
||||
}
|
||||
.zen-mode .title-bar-buttons {
|
||||
display: none !important;
|
||||
}
|
||||
.zen-mode #rest-pane > div:nth-child(1) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* hide preview of child notes */
|
||||
.zen-mode .note-list-widget {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* hide backlink, code buttons, etc. */
|
||||
.zen-mode .floating-buttons-children{
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue