From 64f32ba38f997fc69402be714b903c5fd820e16c Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Sun, 29 Dec 2019 20:48:24 +0100
Subject: [PATCH] fix zen mode with new layout, closes #794

---
 src/public/javascripts/services/entrypoints.js | 4 ++--
 src/public/stylesheets/desktop.css             | 9 +--------
 src/public/stylesheets/style.css               | 4 ++++
 src/views/desktop.ejs                          | 2 +-
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/public/javascripts/services/entrypoints.js b/src/public/javascripts/services/entrypoints.js
index 5a2298de7..f37efbe37 100644
--- a/src/public/javascripts/services/entrypoints.js
+++ b/src/public/javascripts/services/entrypoints.js
@@ -117,13 +117,13 @@ function registerEntrypoints() {
     // hide (toggle) everything except for the note content for zen mode
     const toggleZenMode = () => {
         if (!zenModeActive) {
-            $(".hide-in-zen-mode").addClass("hidden-by-zen-mode");
+            $(".hide-in-zen-mode,.gutter").addClass("hidden-by-zen-mode");
             $("#container").addClass("zen-mode");
             zenModeActive = true;
         }
         else {
             // not hiding / showing explicitly since element might be hidden also for other reasons
-            $(".hide-in-zen-mode").removeClass("hidden-by-zen-mode");
+            $(".hide-in-zen-mode,.gutter").removeClass("hidden-by-zen-mode");
             $("#container").removeClass("zen-mode");
             zenModeActive = false;
         }
diff --git a/src/public/stylesheets/desktop.css b/src/public/stylesheets/desktop.css
index ec787b29b..1a60e7791 100644
--- a/src/public/stylesheets/desktop.css
+++ b/src/public/stylesheets/desktop.css
@@ -271,14 +271,7 @@ body {
     position: relative;
     background: linear-gradient(to right, var(--main-border-color), transparent);
     height: 1px;
-    margin-top: 31px;
-}
-
-/* hack for 1 pixel difference in handling between FF and chrome */
-@-moz-document url-prefix() {
-    .tab-row-filler .tab-row-border {
-        margin-top: 32px;
-    }
+    margin-top: 32px;
 }
 
 .note-tab-row .note-tab[active] {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 7d81adb82..cba6a6861 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -160,6 +160,10 @@ span.fancytree-node.muted { opacity: 0.6; }
     background-position: center;
 }
 
+.zen-mode #center-pane {
+    width: 100% !important;
+}
+
 ul.fancytree-container {
     outline: none !important;
     background-color: inherit !important;
diff --git a/src/views/desktop.ejs b/src/views/desktop.ejs
index 78e5b2877..b0f05f742 100644
--- a/src/views/desktop.ejs
+++ b/src/views/desktop.ejs
@@ -85,7 +85,7 @@
             </div>
         </div>
 
-        <div class="note-tab-row hide-in-zen-mode">
+        <div class="note-tab-row">
             <div class="note-tab-row-content"></div>
         </div>