From dd5a59a1cb2c64543d2758b2fc3fae798589325b Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Fri, 17 Jan 2025 21:41:49 +0100
Subject: [PATCH] Enhance vertical tabs layout with max-height adjustment;
 update hover duration and animation easing for improved user experience

---
 .../base/content/zen-styles/zen-tabs/vertical-tabs.css        | 1 +
 src/browser/base/zen-components/ZenCompactMode.mjs            | 2 +-
 src/browser/base/zen-components/ZenWorkspaces.mjs             | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
index 237a062ff..08d6f61a1 100644
--- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
+++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
@@ -341,6 +341,7 @@
   padding-inline-end: 0 !important;
   display: flex !important;
   flex-direction: column;
+  max-height: calc(100vh - 12 * (var(--tab-min-height) + 2 * var(--tab-block-margin))) !important;
 
   & .tabbrowser-tab:not(:hover) .tab-background:not([selected]):not([multiselected]) {
     background: transparent !important;
diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs
index ce118d253..862a4956d 100644
--- a/src/browser/base/zen-components/ZenCompactMode.mjs
+++ b/src/browser/base/zen-components/ZenCompactMode.mjs
@@ -274,7 +274,7 @@ var gZenCompactModeManager = {
       {
         element: this.sidebar,
         screenEdge: this.sidebarIsOnRight ? 'right' : 'left',
-        keepHoverDuration: 300,
+        keepHoverDuration: 100,
       },
       {
         element: document.getElementById('zen-appcontent-navbar-container'),
diff --git a/src/browser/base/zen-components/ZenWorkspaces.mjs b/src/browser/base/zen-components/ZenWorkspaces.mjs
index cadea7b5d..318674401 100644
--- a/src/browser/base/zen-components/ZenWorkspaces.mjs
+++ b/src/browser/base/zen-components/ZenWorkspaces.mjs
@@ -1332,14 +1332,14 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
     if (out) {
       element.animate([{ transform: 'translateX(0)' }, { transform: `translateX(${direction === 'left' ? '-' : ''}100%)` }], {
         duration: 100,
-        easing: 'ease',
+        easing: 'ease-in',
         fill: 'both',
       }).onfinish = callback;
       return;
     }
     element.animate([{ transform: `translateX(${direction === 'left' ? '-' : ''}100%)` }, { transform: 'translateX(0)' }], {
       duration: 100,
-      easing: 'ease',
+      easing: 'ease-out',
       fill: 'both',
     }).onfinish = callback;
   }