Octavia/stellar-dark-theme-trilium
Watch
1
0
Fork
You've already forked stellar-dark-theme-trilium
 0
mirror of https://github.com/Lolabird/stellar-dark-theme-trilium.git synced 2026-10-18 19:16:58 -06:00
Code Issues Projects Releases Packages Wiki Activity

Make table headers sticky and add zen mode

Browse source
This commit is contained in:
lolabird 2024-10-05 20:42:09 -06:00
commit 27399e2b41
No known key found for this signature in database
GPG key ID: 0B9E871F678F9DB3
1 changed files with 65 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

66
stellar-dark.css
View file

@ -280,6 +280,31 @@ tr:nth-child(odd) {
.ck-content .table table tbody tr:nth-child(odd) th { .ck-content .table table tbody tr:nth-child(odd) th {
background-color: var(--table-header-gray) !important; 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*****/ /*****TEXT DECORATION*****/
@ -308,7 +333,7 @@ li label {
/***italics and quotes***/ /***italics and quotes***/
body i { body i {
color: var(--italic-orange); color: var(--italic-orange);
} }
body blockquote{ body blockquote{
color: var(--italic-orange); color: var(--italic-orange);
@ -843,3 +868,42 @@ code.hljs {
.hljs-strong { .hljs-strong {
font-weight:700; 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;
}