diff --git a/src/browser/base/content/zen-styles/zen-animations.css b/src/browser/base/content/zen-styles/zen-animations.css index 576c38d21..962ac33e7 100644 --- a/src/browser/base/content/zen-styles/zen-animations.css +++ b/src/browser/base/content/zen-styles/zen-animations.css @@ -272,15 +272,7 @@ @keyframes zen-glance-content-animation-out { 0% { - opacity: 0; - } - - 5% { - opacity: 1; - } - - 80% { - opacity: 1; + border: none; } 100% { diff --git a/src/browser/base/content/zen-styles/zen-glance.css b/src/browser/base/content/zen-styles/zen-glance.css index c6bfc7d71..7b19d70f9 100644 --- a/src/browser/base/content/zen-styles/zen-glance.css +++ b/src/browser/base/content/zen-styles/zen-glance.css @@ -32,7 +32,8 @@ opacity: 1; & .browserContainer { - animation: zen-glance-content-animation-out .2s ease-in-out forwards !important; + opacity: 1 !important; + animation: zen-glance-content-animation-out .3s ease-out forwards !important; animation-direction: reverse !important; & browser { diff --git a/src/browser/base/zen-components/ZenGlanceManager.mjs b/src/browser/base/zen-components/ZenGlanceManager.mjs index d0ecfafee..dcb60c6d9 100644 --- a/src/browser/base/zen-components/ZenGlanceManager.mjs +++ b/src/browser/base/zen-components/ZenGlanceManager.mjs @@ -86,6 +86,7 @@ this.browserWrapper?.removeAttribute("animate-full"); this.browserWrapper?.removeAttribute("animate-full-end"); this.browserWrapper?.removeAttribute("has-finished-animation"); + this.overlay?.removeAttribute("post-fade-out"); const url = data.url; const currentTab = gBrowser.selectedTab; @@ -118,7 +119,7 @@ this.browserWrapper.setAttribute("has-finished-animation", true); this.#animating = false; this.animatingOpen = false; - }, 400); + }, 500); }); } @@ -199,8 +200,8 @@ this.#currentBrowser = null; this.lastCurrentTab = null; - this._duringOpening = false; - }, 500); + this._duringOpening = false; + }, 400); }); }); }