From ab572b6576f59621b58d31a51b9a936b1575beae Mon Sep 17 00:00:00 2001 From: Emi Matchu Date: Sat, 28 Dec 2024 16:11:38 -0800 Subject: [PATCH] Fix magic magnifier positioning in Firefox Oh oops, Firefox is a bit stricter about interpreting custom elements as inline elements by default instead of block elements. This messes up the positioning relative to the container. Fixed! --- app/assets/stylesheets/application/magic-magnifier.sass | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/assets/stylesheets/application/magic-magnifier.sass b/app/assets/stylesheets/application/magic-magnifier.sass index fbd83038..3f2fa49b 100644 --- a/app/assets/stylesheets/application/magic-magnifier.sass +++ b/app/assets/stylesheets/application/magic-magnifier.sass @@ -1,4 +1,5 @@ magic-magnifier + display: block position: relative // Only show the lens when we are hovering, and the magnifier's X and Y @@ -14,6 +15,7 @@ magic-magnifier display: block magic-magnifier-lens + display: block width: var(--magic-magnifier-lens-width, 100px) height: var(--magic-magnifier-lens-height, 100px) overflow: hidden