ImageZoom Fixes

This commit is contained in:
Vendicated 2023-04-11 02:00:42 +02:00
parent c997cb4958
commit 358eb6ad8e
No known key found for this signature in database
GPG key ID: A1DC0CFB5615D905
4 changed files with 12 additions and 17 deletions

View file

@ -1,4 +1,4 @@
.lens {
.vc-imgzoom-lens {
position: absolute;
inset: 0;
z-index: 9999;
@ -11,26 +11,19 @@
pointer-events: none;
}
.zoom img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* make the carousel take up less space so we can click the backdrop and exit out of it */
[class^="focusLock"] > [class^="carouselModal"] {
[class|="carouselModal"] {
height: fit-content;
box-shadow: none;
}
[class^="focusLock"] > [class^="carouselModal"] > div {
[class*="modalCarouselWrapper"] {
height: fit-content;
top: 50%;
transform: translateY(-50%);
}
#magnify-modal {
[class|="wrapper"]:has(> #vc-imgzoom-magnify-modal) {
position: absolute;
left: 50%;
top: 50%;