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!
This commit is contained in:
parent
019484b6dd
commit
ab572b6576
1 changed files with 2 additions and 0 deletions
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue