From 27399e2b4159244932bea4437917d2ad87ca3c04 Mon Sep 17 00:00:00 2001
From: lolabird <89228316+Lolabird@users.noreply.github.com>
Date: Sat, 5 Oct 2024 20:42:09 -0600
Subject: [PATCH] Make table headers sticky and add zen mode

---
 stellar-dark.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 65 insertions(+), 1 deletion(-)

diff --git a/stellar-dark.css b/stellar-dark.css
index ca84965..b65be18 100644
--- a/stellar-dark.css
+++ b/stellar-dark.css
@@ -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*****/
@@ -308,7 +333,7 @@ li label {
 
 /***italics and quotes***/
 body i {
-    color:  var(--italic-orange);
+    color: var(--italic-orange);
 }
 body blockquote{
     color: var(--italic-orange);
@@ -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;
+}