From c772f6d79589369cd4ca80bb75775eb8a73811c0 Mon Sep 17 00:00:00 2001
From: "mr. m" <mr.m@tuta.com>
Date: Tue, 24 Feb 2026 10:54:13 +0100
Subject: [PATCH] feat: Improve live folder enter animation, b=no-bug,
 c=folders

---
 src/zen/folders/zen-folders.css                    | 2 +-
 src/zen/live-folders/ZenLiveFoldersManager.sys.mjs | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/zen/folders/zen-folders.css b/src/zen/folders/zen-folders.css
index 5ab525230..bdfa5ab15 100644
--- a/src/zen/folders/zen-folders.css
+++ b/src/zen/folders/zen-folders.css
@@ -192,7 +192,7 @@ zen-folder {
       }
 
       &[live-folder-animation] {
-        background: linear-gradient(90deg, color-mix(in srgb, var(--sidebar-text-color) 50%, transparent), var(--sidebar-text-color));
+        background: linear-gradient(270deg, var(--sidebar-text-color), color-mix(in srgb, var(--sidebar-text-color) 25%, transparent));
         background-size: 400%;
         background-clip: text;
         -webkit-text-fill-color: transparent;
diff --git a/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs b/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
index d8834b0ce..2fd0fe59a 100644
--- a/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
+++ b/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
@@ -232,10 +232,10 @@ class nsZenLiveFoldersManager {
       .animate(
         labelElement,
         {
-          backgroundPositionX: ["0%", "-100%"],
+          backgroundPositionX: ["0%", "-50%"],
         },
         {
-          duration: 2,
+          duration: 1.5,
         }
       )
       .then(() => {