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