Fix: update zen glance animations for smoother transitions and adjust timing

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% {

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 {

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);
         });
       });  
     }