Refine animation for browser wrapper opacity and adjust easing for smoother transitions

This commit is contained in:
mr. M
2025-03-02 17:11:18 +01:00
parent 7b124f1dc2
commit 780b514cc0

View File

@@ -267,14 +267,15 @@
.then(() => { .then(() => {
this.#currentParentTab.linkedBrowser.closest('.browserSidebarContainer').removeAttribute('style'); this.#currentParentTab.linkedBrowser.closest('.browserSidebarContainer').removeAttribute('style');
}); });
this.browserWrapper.style.opacity = 1;
gZenUIManager.motion gZenUIManager.motion
.animate( .animate(
this.browserWrapper, this.browserWrapper,
{ {
...originalPosition, ...originalPosition,
opacity: 0.3, opacity: 0,
}, },
{ type: 'spring', bounce: 0, duration: 0.4, easing: 'ease' } { type: 'spring', bounce: 0, duration: 0.6, easing: 'ease-in' }
) )
.then(() => { .then(() => {
this.browserWrapper.removeAttribute('animate'); this.browserWrapper.removeAttribute('animate');