Refactor animation code for improved readability and maintainability

zen-browser · Jan 27, 2025 · e0376b8 · e0376b8
1 parent 188fea0
commit e0376b8
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs
@@ -217,24 +217,26 @@ var gZenVerticalTabsManager = {
       return;
     }
     const isLastTab = aTab.nextElementSibling === null;
-    gZenUIManager.motion.animate(
-      aTab,
-      {
-        opacity: [0, 1],
-        transform: ['translateY(-20px)', 'translateY(0px)'],
-        marginBottom: isLastTab ? [] : ['-20px', '0px'],
-      },
-      {
-        duration: 0.2,
-        type: 'spring',
-        bounce: 0,
-      }
-    ).then(() => {
-      aTab.style.removeProperty('margin-bottom');
-      aTab.style.removeProperty('transform');
-      aTab.style.removeProperty('opacity');
-      aTab.style.removeProperty('filter');
-    });
+    gZenUIManager.motion
+      .animate(
+        aTab,
+        {
+          opacity: [0, 1],
+          transform: ['translateY(-20px)', 'translateY(0px)'],
+          marginBottom: isLastTab ? [] : ['-20px', '0px'],
+        },
+        {
+          duration: 0.2,
+          type: 'spring',
+          bounce: 0,
+        }
+      )
+      .then(() => {
+        aTab.style.removeProperty('margin-bottom');
+        aTab.style.removeProperty('transform');
+        aTab.style.removeProperty('opacity');
+        aTab.style.removeProperty('filter');
+      });
   },
 
   get actualWindowButtons() {