From 234d05d044eaf473335d273c6302891926302fa4 Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Fri, 11 Oct 2024 03:24:28 +0200
Subject: [PATCH] Fix compact mode collapsed width not applied, change top gap
 when toolbar visible.

---
 .../base/content/zen-styles/zen-compact-mode.css       | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css
index bb7d2e3aa..b0fc0b75a 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -33,7 +33,7 @@
         z-index: 9;
         transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
         right: calc(100% - var(--zen-element-separation));
-        top: var(--zen-element-separation);
+        top: 0;
         bottom: var(--zen-element-separation);
         opacity: 0;
         padding-left: var(--zen-compact-float) !important;
@@ -57,11 +57,17 @@
         position: relative;
       }
       /* Mark: toolbox as collapsed */
-      #navigator-toolbox:not(#navigator-toolbox:is(#navigator-toolbox[zen-expanded='true'])) {
+      #zen-tabbox-wrapper > #navigator-toolbox:not(#navigator-toolbox:is(#navigator-toolbox[zen-expanded='true'])) {
         max-width: calc(var(--zen-toolbox-max-width) + var(--zen-compact-float)) !important;
         min-width: calc(var(--zen-toolbox-max-width) + var(--zen-compact-float)) !important;
       }
 
+      @media (-moz-bool-pref: 'zen.view.compact.hide-toolbar') {
+        #navigator-toolbox {
+          top: var(--zen-element-separation);
+        }
+      }
+
       #navigator-toolbox:hover,
       #navigator-toolbox[zen-has-hover],
       #navigator-toolbox:focus-within,