imageZoom: dont close carousel modal on image click (#1926)

Co-authored-by: Vendicated <vendicated@riseup.net>
This commit is contained in:
AutumnVN 2023-11-01 08:19:02 +07:00 committed by GitHub
parent 56a9d79f85
commit e37f62ac0a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 10 deletions

View file

@ -186,6 +186,13 @@ export default definePlugin({
} }
] ]
}, },
{
find: ".carouselModal",
replacement: {
match: /(?<=\.carouselModal.{0,100}onClick:)\i,/,
replace: "()=>{},"
}
}
], ],
settings, settings,

View file

@ -15,19 +15,17 @@
border-radius: 0; border-radius: 0;
} }
.vc-imgzoom-nearest-neighbor > img { .vc-imgzoom-nearest-neighbor>img {
image-rendering: pixelated; /* https://googlechrome.github.io/samples/image-rendering-pixelated/index.html */ image-rendering: pixelated;
/* https://googlechrome.github.io/samples/image-rendering-pixelated/index.html */
} }
/* make the carousel take up less space so we can click the backdrop and exit out of it */ /* make the carousel take up less space so we can click the backdrop and exit out of it */
[class|="carouselModal"] { [class*="modalCarouselWrapper_"] {
height: fit-content; top: 0 !important;
box-shadow: none;
} }
[class|="wrapper"]:has(> #vc-imgzoom-magnify-modal) { [class*="carouselModal_"] {
position: absolute; height: 0 !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} }