From cf116b5ad30657482956fccc200a352a7ccc38d7 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Sun, 21 Jul 2024 20:34:47 +0200
Subject: [PATCH] chore: Fixed pinned tabs

---
 src/browser/base/content/zen-popupset.inc.xhtml  |  8 +++++---
 src/browser/themes/shared/zen-browser-shared.css |  6 +++---
 src/browser/themes/shared/zen-panel-ui.css       | 11 +++--------
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/browser/base/content/zen-popupset.inc.xhtml b/src/browser/base/content/zen-popupset.inc.xhtml
index 6a0b86448..babf67545 100644
--- a/src/browser/base/content/zen-popupset.inc.xhtml
+++ b/src/browser/base/content/zen-popupset.inc.xhtml
@@ -76,9 +76,9 @@
   </vbox>
 </panelview>
 
-<panel type="arrow" orient="vertical" id="PanelUI-zen-workspaces" position="bottomright topright" mainview="true" side="left">
+<panel flip="slide" type="arrow" orient="vertical" id="PanelUI-zen-workspaces" position="bottomright topright" mainview="true" side="left">
   <panelmultiview id="PanelUI-zen-workspaces-multiview" mainViewId="PanelUI-zen-workspaces-view">
-    <panelview id="PanelUI-zen-workspaces-view" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
+    <panelview lockpanelvertical="true" id="PanelUI-zen-workspaces-view" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
       <vbox>
         <hbox>
           <h3 data-l10n-id="zen-panel-ui-current-window-text"></h3>
@@ -98,7 +98,7 @@
         </html:div>
       </vbox>
     </panelview>
-    <panelview id="PanelUI-zen-workspaces-create" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
+    <panelview lockpanelvertical="true" id="PanelUI-zen-workspaces-create" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
       <vbox>
         <h1 data-l10n-id="zen-panel-ui-workspaces-create-text"></h1>
         <html:input autofocus="true" id="PanelUI-zen-workspaces-create-input" type="text" placeholder="Enter workspace name" oninput="ZenWorkspaces.onWorkspaceNameChange(this);" />
@@ -113,6 +113,8 @@
   </panelmultiview>
 </panel>
 
+
+
 <menupopup id="zenWorkspaceActionsMenu"
             onpopupshowing="ZenWorkspaces.updateContextMenu(event);"
             onpopuphidden="ZenWorkspaces.onContextMenuClose();">
diff --git a/src/browser/themes/shared/zen-browser-shared.css b/src/browser/themes/shared/zen-browser-shared.css
index 42e5af051..683459572 100644
--- a/src/browser/themes/shared/zen-browser-shared.css
+++ b/src/browser/themes/shared/zen-browser-shared.css
@@ -361,14 +361,14 @@ toolbarbutton#scrollbutton-up {
 }
 
 .tabbrowser-tab:nth-last-child(1 of [pinned]) {
-  margin-bottom: 5px !important;
+  margin-bottom: 15px !important;
   position: relative;
   overflow: visible;
 
-  &::after {
+  & .tab-stack::after {
     content: '';
     position: absolute;
-    bottom: -5px;
+    bottom: -11px;
     left: 0;
     width: 100%;
     height: 1.5px;
diff --git a/src/browser/themes/shared/zen-panel-ui.css b/src/browser/themes/shared/zen-panel-ui.css
index a1a24ae6e..bb211801e 100644
--- a/src/browser/themes/shared/zen-panel-ui.css
+++ b/src/browser/themes/shared/zen-panel-ui.css
@@ -251,7 +251,7 @@
 
 #PanelUI-zen-workspaces {
   --panel-width: 320px;
-  width: var(--panel-width);
+  --panel-padding: 0;
   min-height: 200px;
 }
 
@@ -261,8 +261,8 @@
 
 #PanelUI-zen-workspaces panelmultiview panelview {
   position: relative;
-  width: 100%;
-  overflow: hidden !important;
+  padding: 15px;
+  width: var(--panel-width);
 }
 
 #PanelUI-zen-workspaces-create-input {
@@ -274,11 +274,6 @@
   flex-direction: column;
 }
 
-#PanelUI-zen-workspaces .panel-viewcontainer,
-#PanelUI-zen-workspaces .panel-viewstack {
-  width: 100%;
-}
-
 #PanelUI-zen-workspaces-current-info toolbarbutton:last-child {
   margin-bottom: 0 !important;
 }