From b92fe785590a6a85ac0d74a1fb137ff64d7dbc5b Mon Sep 17 00:00:00 2001
From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com>
Date: Thu, 5 Jun 2025 15:32:32 -0400
Subject: [PATCH] Update chrome.css

---
 .../chrome.css                                | 67 +++++++++----------
 1 file changed, 32 insertions(+), 35 deletions(-)

diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css
index f0309f5e..03a5e021 100644
--- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css
+++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css
@@ -389,22 +389,38 @@
     }
 
     /* pins height */
+    :root {
+        --pins-height: var(--tab-min-height);
+    }
+
     :root:has(#theme-SuperPins[uc-pinned-height="small"]) {
-        .zen-workspace-pinned-tabs-section .tabbrowser-tab {
-            height: 40px !important;
-        } 
+        --pins-height: 40px;
     }
 
     :root:has(#theme-SuperPins[uc-pinned-height="normal"]) {
-        .zen-workspace-pinned-tabs-section .tabbrowser-tab {
-            height: 50px !important;
-        } 
+        --pins-height: 50px;
     }
 
+    :root:has(#theme-SuperPins[uc-pinned-height="large"]) {
+        --pins-height: 60px;
+    }
+
+    :root:has(#theme-SuperPins[uc-pinned-height="small"]),
+    :root:has(#theme-SuperPins[uc-pinned-height="normal"]),
     :root:has(#theme-SuperPins[uc-pinned-height="large"]) {
         .zen-workspace-pinned-tabs-section .tabbrowser-tab {
-            height: 60px !important;
-        } 
+            height: var(--pins-height) !important;
+        }
+    }
+
+    @media (-moz-bool-pref: "uc.essentials.same-height") {
+        .tabbrowser-tab[zen-essential] {
+            height: var(--pins-height) !important;
+        }
+
+        .tabbrowser-tab[zen-essential] .tab-background {
+            min-height: var(--pins-height) !important;
+        }
     }
 
     /* favicon size */
@@ -568,37 +584,18 @@
     }
 
     @media (-moz-bool-pref: "uc.pins.stay-at-top") {
-        #zen-browser-tabs-container {
-            height: 100% !important;
+        zen-workspace > arrowscrollbox.workspace-arrowscrollbox {
+            overflow-y: hidden !important;
+            flex-basis: 100%;
         }
 
-        #tabbrowser-arrowscrollbox {
-            height: 100% !important;
+        #tabbrowser-arrowscrollbox .zen-workspace-pinned-tabs-section {
+            flex: 0 1 0;
         }
-
-        #tabbrowser-arrowscrollbox>.zen-workspace-tabs-section {
+        
+        #tabbrowser-arrowscrollbox .zen-workspace-normal-tabs-section {
+            flex: 1 1 0;
             overflow-y: auto !important;
-            overflow-x: hidden !important;
-            /* Calculate the height of the bottom workspace section. */
-            max-height: calc(100% - 43px) !important;
-            box-sizing: border-box !important;
-            padding-bottom: 60px !important;
-        }
-
-        /* In case workspace indicator is not visible. */
-        @media (not (-moz-bool-pref: "zen.workspaces.show-workspace-indicator")) {
-            #tabbrowser-arrowscrollbox>.zen-workspace-tabs-section {
-                max-height: calc(100% - 5px) !important;
-            }
-        }
-
-        #zen-tabs-wrapper {
-            overflow: hidden !important;
-        }
-
-        /* Ensure tab-groups never shrink. */
-        tab-group {
-            flex: 0 0 auto !important;
         }
     }