From 7b836d1232e3d7e9a8934841e458bc6e70e7c025 Mon Sep 17 00:00:00 2001
From: mauro-balades <mauro.balades@tutanota.com>
Date: Sat, 31 Aug 2024 00:50:21 +0200
Subject: [PATCH] chore: Update right-side compact mode CSS for vertical tabs

---
 src/browser/base/content/zen-components       |  2 +-
 .../content/zen-styles/zen-compact-mode.css   | 20 +++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components
index db63095cf..07233648d 160000
--- a/src/browser/base/content/zen-components
+++ b/src/browser/base/content/zen-components
@@ -1 +1 @@
-Subproject commit db63095cf15c80a266639dff586baea4a5f87e44
+Subproject commit 07233648d7b81fe5121c2ba09b44650d1eb1dde5
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 7102552fa..e786c593e 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -168,10 +168,22 @@
   }
 
   @media (-moz-bool-pref: "zen.tabs.vertical.right-side") {
-    /* TODO: future contributor, i've tried insane hours to do right side compact mode but failed, good luck debugging this! */
-    /*#navigator-toolbox {
-      left: 100% !important;
+    #navigator-toolbox {
+      right: 0 !important;
       transform: translateX(calc(100% - (var(--zen-compact-toolbox-margin-single) / 2))) !important;;
-    }*/
+    }
+
+    #navigator-toolbox:hover,
+    #navigator-toolbox:focus-within,
+    #navigator-toolbox[zen-user-show],
+    #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
+    #navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
+      transform: none !important;
+      opacity: 1;
+  
+      & > * {
+        pointer-events: all;  
+      }
+    }
   }
 }