From dba5a0402c4fe7ac247eedfdcdd2bead4d6259c4 Mon Sep 17 00:00:00 2001
From: "mr. m" <91018726+mr-cheffy@users.noreply.github.com>
Date: Thu, 2 Apr 2026 17:15:47 +0200
Subject: [PATCH] no-bug: Dont animate glance image preview opacity (gh-13055)

---
 src/zen/glance/ZenGlanceManager.mjs | 11 -----------
 src/zen/glance/zen-glance.css       |  5 +++++
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/zen/glance/ZenGlanceManager.mjs b/src/zen/glance/ZenGlanceManager.mjs
index 47af5981b..a63ccb234 100644
--- a/src/zen/glance/ZenGlanceManager.mjs
+++ b/src/zen/glance/ZenGlanceManager.mjs
@@ -507,17 +507,6 @@ class nsZenGlanceManager extends nsZenDOMOperatedFeature {
     this.#glances.get(this.#currentGlanceID).elementImageData =
       data.elementData;
 
-    gZenUIManager.motion.animate(
-      imageDataElement,
-      {
-        opacity: [1, 0],
-      },
-      {
-        duration: this.#GLANCE_ANIMATION_DURATION / 2,
-        easing: "easeInOut",
-      }
-    );
-
     return imageDataElement;
   }
 
diff --git a/src/zen/glance/zen-glance.css b/src/zen/glance/zen-glance.css
index 02ffbd9bc..1257bcdc7 100644
--- a/src/zen/glance/zen-glance.css
+++ b/src/zen/glance/zen-glance.css
@@ -170,6 +170,7 @@
   position: absolute;
   pointer-events: none;
   width: 100%;
+  height: 100%;
   max-width: 100%;
   max-height: 100%;
   z-index: 0;
@@ -179,6 +180,10 @@
   translate: -50% -50%;
   background: rgba(255, 255, 255, 0.1);
 
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
   & image {
     width: 100%;
     max-width: 100%;