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

prefs/mods.yaml

@@ -24,5 +24,4 @@
 
 - name: zen.injections.match-urls
   value: 'http://localhost/*'
-  locked: true
   condition: '!defined(MOZILLA_OFFICIAL)'

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/common/styles/zen-single-components.css

@@ -228,3 +228,19 @@ body > #confetti {
     linear-gradient(#fff 0 0);
   mask-composite: exclude;
 }
+
+/* Status panel */
+
+#statuspanel {
+  padding: 4px 3px;
+
+  & > #statuspanel-label {
+    border-radius: 16px !important;
+    border: 1px solid rgba(225, 225, 225, 0.15) !important;
+    padding: 5px 9px 6px 9px !important;
+    font-weight: 600 !important;
+    background: color-mix(in srgb, var(--zen-primary-color), black 80%) !important;
+    color: #f3f3f3 !important;
+    font-size: smaller !important;
+  }
+}

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();