mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-14 22:06:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Better animations for app background, b=(no-bug), c=common, workspaces

Browse Source
This commit is contained in:
Mr. M
2025-05-20 18:05:49 +02:00
parent 133cce8bf8
commit 9982b1af34
7 changed files with 70 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/zen/workspaces/ZenGradientGenerator.mjs
View File

@@ -1121,26 +1121,20 @@
}
}
const appWrapper = browser.document.getElementById('browser');
const appBackground = browser.document.getElementById('zen-browser-background');
if (!skipUpdate && !this._animatingBackground) {
this._animatingBackground = true;
appWrapper.removeAttribute('animating');
browser.document.documentElement.style.setProperty(
'--zen-main-browser-background-old',
browser.document.documentElement.style.getPropertyValue('--zen-main-browser-background')
);
browser.window.requestAnimationFrame(() => {
appWrapper.setAttribute('animating', 'true');
setTimeout(() => {
this._animatingBackground = false;
appWrapper.removeAttribute('animating');
appWrapper.setAttribute('post-animating', 'true');
browser.document.documentElement.style.removeProperty(
'--zen-main-browser-background-old'
);
appBackground.setAttribute('post-animating', 'true');
setTimeout(() => {
// Reactivate the transition after the animation
appWrapper.removeAttribute('post-animating');
appBackground.removeAttribute('post-animating');
}, 100);
}, 300);
});