Update subproject commit hash in l10n and zen-components

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

@@ -246,13 +246,13 @@
   30% {
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%) translateZ(0);
   }
 
   70% {
     /* make the box grow to full width/height */
     opacity: 1;
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%) translateZ(0);
     top: 50%;
     left: 50%;
     width: 87%;
@@ -261,7 +261,7 @@
 
   100% {
     /* make the box shrink to final width/height and x/y coordinates */
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%) translateZ(0);
     opacity: 1;
     width: 85%;
     height: 85%;
@@ -336,6 +336,6 @@
 
   to {
     opacity: 1;
-    transform: translateX(-100%) translateY(-50%);
+    transform: translateX(calc(-100% - 2px)) translateY(-50%);
   }
 }

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

@@ -7,7 +7,7 @@
     box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), var(--zen-colors-border));
     
     & .browserContainer,
-    #zen-glance-browser-container browser {
+    #zen-glance-browser browser {
       overflow: hidden;
       border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
     }
@@ -15,7 +15,7 @@
 
   @media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
     #tabbrowser-tabpanels,
-    #zen-glance-browser-container {
+    #zen-glance-browser {
       mix-blend-mode: multiply;
       -moz-osx-font-smoothing: grayscale;
       isolation: isolate;

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

@@ -9,7 +9,7 @@
   z-index: 3;
 
   &:not(:has([animate-full-end='true'])):not(:has([animate-full='true'])) {
-    background: color-mix(in srgb, var(--zen-colors-tertiary) 20%, transparent 80%);
+    background: color-mix(in srgb, var(--zen-colors-secondary) 30%, transparent 70%);
     backdrop-filter: blur(2px);
     animation: zen-glance-overlay-animation 0.1s ease-in-out forwards;
   }
@@ -65,6 +65,15 @@
       top: 0;
       left: 0;
 
+      &[has-finished-animation='true'] {
+        position: relative !important;
+        transition: 0s !important;
+        transform: none !important;
+        margin: auto !important;
+        top: 0 !important;
+        left: 0 !important;
+      }
+
       & #zen-glance-browser {
         border-radius: var(--zen-border-radius);
         background: var(--zen-dialog-background);
@@ -77,21 +86,28 @@
 
       & #zen-glance-sidebar-container {
         position: absolute;
-        top: 50%;
+        top: 10%;
         left: 0;
         transform: translateY(-50%);
         opacity: 0;
-        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
         background: var(--zen-dialog-background);
 
+        border: 1px solid var(--zen-colors-border);
+        border-right: none;
+
         border-top-left-radius: var(--zen-border-radius);
         border-bottom-left-radius: var(--zen-border-radius);
 
-        padding: 3px;
+        padding: 5px;
-        gap: 3px;
+        gap: 6px;
 
         animation: zen-glance-buttons-animation 0.2s ease-in-out forwards;
         animation-delay: 0.3s;
+
+        & toolbarbutton {
+          width: 32px;
+          height: 32px;
+        }
       }
 
       & #zen-glance-loading {

src/browser/components/preferences/zenLooksAndFeel.inc.xhtml

@@ -288,7 +288,7 @@
                         <menuitem data-l10n-id="zen-glance-trigger-alt-click" value="alt"/>
                         <menuitem data-l10n-id="zen-glance-trigger-shift-click" value="shift"/>
                         <menuitem data-l10n-id="zen-glance-trigger-meta-click" value="meta"/>
-                        <menuitem data-l10n-id="zen-glance-trigger-mantain-click" value="mantain"/>
+                        <menuitem data-l10n-id="zen-glance-trigger-mantain-click" value="mantain" disabled="true"/>
                   </menupopup>
             </menulist>
         </hbox>