Merge branch 'dev' of https://github.com/zen-browser/desktop into dev

src/browser/base/content/zen-panels/folders-search.inc

@@ -8,8 +8,7 @@
     <html:input id="zen-folder-tabs-list-search" 
       data-l10n-id="zen-folders-search-placeholder" 
       data-l10n-args="{&quot;folder-name&quot;:&quot;&quot;}"
-      type="search" 
-      flex="1" />
+      type="search" />
   </hbox>
   <scrollbox class="zen-folder-tabs-list-scrollbox" flex="1">
     <vbox id="zen-folder-tabs-list"></vbox>

src/zen/common/styles/zen-browser-ui.css

@@ -100,7 +100,8 @@
     opacity: var(--zen-grainy-background-opacity, 0);
     mix-blend-mode: overlay;
     :root:not([swipe-gesture='true']) & {
-      transition: opacity 0.3s ease-in-out;
+      /* note: Keep in sync with kGlobalAnimationDuration */
+      transition: opacity 0.2s ease-in-out;
     }
   }
 }

src/zen/folders/zen-folders.css

@@ -392,6 +392,7 @@ zen-folder {
   background-color: transparent;
   border: none !important;
   outline: none !important;
+  flex: 1;
 }
 
 #zen-folder-tabs-list {

src/zen/workspaces/ZenWorkspaces.mjs

@@ -1807,7 +1807,7 @@ var gZenWorkspaces = new (class extends nsZenMultiWindowFeature {
     { previousWorkspaceIndex = null, previousWorkspace = null, onInit = false } = {}
   ) {
     gZenUIManager.tabsWrapper.style.scrollbarWidth = 'none';
-    const kGlobalAnimationDuration = 0.3;
+    const kGlobalAnimationDuration = 0.2;
     this._animatingChange = true;
     const animations = [];
     const workspaces = await this._workspaces();