Fixed compact mode sidebar not closing when opening an extension dialog pinned to the sidebar

src/browser/base/content/zen-styles/zen-browser-ui.css

@@ -41,6 +41,9 @@
     bottom: 0;
     z-index: 0;
     pointer-events: none;
+  }
+
+  &:not([post-animating='true'])::after {
     transition: background-color var(--inactive-window-transition);
   }
 

src/browser/base/content/zen-styles/zen-compact-mode.css

@@ -205,7 +205,7 @@
         & #zen-appcontent-navbar-container:focus-within,
         & #zen-appcontent-navbar-container[zen-user-show],
         & #zen-appcontent-navbar-container[has-popup-menu],
-        & #zen-appcontent-navbar-container:has(*[panelopen='true']) {
+        & #zen-appcontent-navbar-container:has(*[panelopen='true'], [open='true']) {
           opacity: 1;
           border-top-width: 1px;
 

src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css

@@ -239,12 +239,14 @@
     transition: scale 0.07s ease;
     #tabbrowser-tabs:not([dont-animate-tabs='true']) &[fadein='true']:not([zen-essential='true']) {
       #tabbrowser-tabs[zen-workspace-animation='previous'] & {
-        animation: zen-slide-in 0.3s ease;
+        animation: zen-slide-in 0.4s ease;
       }
 
       #tabbrowser-tabs[zen-workspace-animation='next'] & {
-        animation: zen-slide-in-reverse 0.3s ease;
+        animation: zen-slide-in-reverse 0.4s ease;
       }
+
+      animation-delay: 0.2s;
     }
 
     &:not([zen-essential='true']):active {

src/browser/base/content/zen-styles/zen-workspaces.css

@@ -272,7 +272,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
-  gap: 2px;
+  gap: 5px;
 }
 
 #PanelUI-zen-workspaces-icon-search-bar {

src/browser/base/zen-components/ZenGradientGenerator.mjs

@@ -629,7 +629,12 @@
             setTimeout(() => {
               this._animatingBackground = false;
               appWrapper.removeAttribute('animating');
+              appWrapper.setAttribute('post-animating', 'true');
               browser.document.documentElement.style.removeProperty('--zen-main-browser-background-old');
+              setTimeout(() => {
+                // Reactivate the transition after the animation
+                appWrapper.removeAttribute('post-animating');
+              });
             }, 700);
           });
         }

src/browser/base/zen-components/ZenWorkspaces.mjs

@@ -685,6 +685,13 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
     event.preventDefault();
     const parentPanel = document.getElementById('PanelUI-zen-workspaces-edit');
     PanelUI.showSubView('PanelUI-zen-workspaces-icon-picker', parentPanel);
+
+    const container = parentPanel.parentNode.querySelector('.panel-viewcontainer');
+    setTimeout(() => {
+      if (container) {
+        container.style.minHeight = 'unset';
+      }
+    });
   }
 
   goToPreviousSubView() {
@@ -1311,7 +1318,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
       setTimeout(() => {
         this._animatingChange = false;
         gBrowser.tabContainer.removeAttribute('zen-workspace-animation');
-      }, 300);
+      }, 500);
     }
   }