mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust positioning and animation properties in ZenGlanceManager for improved UI responsiveness

Browse Source
This commit is contained in:
mr. M
2025-01-21 21:17:53 +01:00
parent 4efc2cd05f
commit 4c44f874b9
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/browser/base/zen-components/ZenGlanceManager.mjs
View File

@@ -115,11 +115,12 @@
this.overlay.removeAttribute('fade-out');
this.browserWrapper.setAttribute('animate', true);
this.browserWrapper.style.top = `${initialY}px`;
this.browserWrapper.style.left = `${initialX}px`;
this.browserWrapper.style.top = `${initialY + initialHeight/2}px`;
this.browserWrapper.style.left = `${initialX + initialWidth/2}px`;
this.browserWrapper.style.width = `${initialWidth}px`;
this.browserWrapper.style.height = `${initialHeight}px`;
this.browserWrapper.style.opacity = 0.8;
this.overlay.style.overflow = 'visible';
gZenUIManager.motion
.animate(
this.browserWrapper,
@@ -131,13 +132,13 @@
opacity: 1,
},
{
duration: 0.5,
ease: 'easeIn',
duration: .4,
type: 'spring',
bounce: 0.25,
bounce: 0.2,
}
)
.then(() => {
this.overlay.style.removeProperty('overflow');
this.browserWrapper.removeAttribute('animate');
this.browserWrapper.setAttribute('animate-end', true);
this.browserWrapper.setAttribute('has-finished-animation', true);