feat: Fixed performance with the update animation, b=no-bug, c=workflows, common, kbs

.github/workflows/linux-release-build.yml

@@ -106,7 +106,7 @@ jobs:
         env:
           SURFER_COMPAT: ${{ matrix.arch }}
         run: |
-          . "$HOME/.cargo/env" 
+          . "$HOME/.cargo/env"
           npm run import
 
       - name: Build language packs

.github/workflows/windows-release-build.yml

@@ -165,7 +165,9 @@ jobs:
         if: ${{ !(inputs.generate-gpo && matrix.arch == 'aarch64') }}
         env:
           SURFER_COMPAT: ${{ matrix.arch }}
-        run: npm run import -- --verbose
+        run: |
+          . "$HOME/.cargo/env"
+          npm run import -- --verbose
 
       - name: Bootstrap
         if: ${{ !(inputs.generate-gpo && matrix.arch == 'aarch64') }}

src/zen/common/styles/zen-single-components.css

@@ -204,21 +204,27 @@ body > #confetti {
 
 #zen-update-animation-border {
   position: absolute;
-  inset: 0;
-  border: solid 2px #0000;
   border-radius: var(--zen-native-content-radius);
-  background: radial-gradient(
-      ellipse 100% 50% at center var(--background-top),
-      rgba(255, 255, 255, 0.7) 80%,
-      transparent
-    )
-    border-box;
-  /* ensure gradient size is relative to border-box (not default padding-box) */
-  --lyr: conic-gradient(white 0 0); /* any kind of gradient that's opaque everywhere */
-  /* exclude padding-box (that is, mask out everything but the border area) */
-  mask:
-    var(--lyr) padding-box exclude,
-    var(--lyr);
-  content: '';
-  pointer-events: none;
+  width: 100%;
+  height: 100%;
+}
+
+#zen-update-animation-border::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: 2px; /* thickness of border */
+
+  background: radial-gradient(
+    ellipse 100% 50% at center var(--background-top),
+    rgba(255, 255, 255, 0.5) 80%,
+    transparent
+  );
+
+  /* Punch out the inside once (not animated) */
+  mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  mask-composite: exclude;
 }

src/zen/kbs/ZenKeyboardShortcuts.mjs

@@ -611,7 +611,9 @@ class nsZenKeyboardShortcutsLoader {
 
     const correctDefaultShortcut = (shortcut) => {
       if (shortcut.getID() === 'key_savePage') {
-        shortcut.setModifiers(nsKeyShortcutModifiers.fromObject({ accel: true, alt: true }));
+        shortcut.setModifiers(
+          nsKeyShortcutModifiers.fromObject({ accel: true, alt: true, shift: true })
+        );
       }
     };