From a97ce504155266120c8171d0f6b7b529591c0d20 Mon Sep 17 00:00:00 2001
From: Cody Williams <codyjohnwilliams@gmail.com>
Date: Mon, 14 Feb 2022 00:18:58 -0800
Subject: [PATCH] add zen mode

add zen mode
---
 midnight.css | 28 ++++++++++++++++++++++++++++
 zenmode.js   |  8 ++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 zenmode.js

diff --git a/midnight.css b/midnight.css
index 46efc8a..c3aa343 100644
--- a/midnight.css
+++ b/midnight.css
@@ -210,6 +210,34 @@ I guess to theme it Trilium would need its own widget */
     margin-right:0em !important;
 }
 
+/* -------------------- Extra Features -------------------- */
+
+/* Zen Mode !
+body.zen-mode #launcher-pane, body.zen-mode #left-pane, body.zen-mode .title-bar-buttons {
+    display:none !important;
+}
+*/
+
+/* Zen Mode Extreme */
+/* display:none friendly */
+body.zen-mode #launcher-pane, body.zen-mode #left-pane {
+    display:none !important;
+    height:0 !important;
+    width:0 !important:
+} 
+/* display:none not friendly - some of these have an interactivity lag when coming back from display:none so another method must be used */
+/* even this isn't 100% fix, delay still happens sometimes, but less often and for less length in time */
+body.zen-mode .title-bar-buttons, body.zen-mode .tab-row-widget, body.zen-mode .title-row, body.zen-mode .ribbon-top-row, body.zen-mode .gutter, body.zen-mode #rest-pane > div:nth-child(1) {
+    display:none !important;
+    height:0 !important;
+    width:0 !important:
+} 
+/* remove the margins we added in this theme for gutter comfort spacing during zen mode, because, well, there is no more gutter */
+body.zen-mode #center-pane {
+    margin-left:0em !important;
+    margin-right:0em !important;
+}
+
 /* -------------------- Fixing Code View -------------------- */
 
 /*
diff --git a/zenmode.js b/zenmode.js
new file mode 100644
index 0000000..0becf7c
--- /dev/null
+++ b/zenmode.js
@@ -0,0 +1,8 @@
+api.addButtonToToolbar({
+    title: 'Zen mode',
+    icon: 'fullscreen',
+    action: function() {
+         $("body").toggleClass("zen-mode");
+    },
+    shortcut: 'alt+z'
+});
\ No newline at end of file