mirror of
https://github.com/zen-browser/desktop.git
synced 2026-03-29 03:41:51 +00:00
feat: Improve live folder enter animation, b=no-bug, c=folders
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -232,10 +232,10 @@ class nsZenLiveFoldersManager {
|
||||
.animate(
|
||||
labelElement,
|
||||
{
|
||||
backgroundPositionX: ["0%", "-100%"],
|
||||
backgroundPositionX: ["0%", "-50%"],
|
||||
},
|
||||
{
|
||||
duration: 2,
|
||||
duration: 1.5,
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
|
||||
Reference in New Issue
Block a user