chore(image-zoom): enhance mobile experience with scroll lock and touch actions

This commit is contained in:
Xin
2025-09-11 08:54:52 +01:00
parent c2c4cafa13
commit a528d9adc0

View File

@@ -10,6 +10,8 @@
opacity: 0;
transition: opacity 0.25s ease-out;
cursor: zoom-out;
overscroll-behavior: contain;
touch-action: none;
}
.hextra-zoom-image-overlay.show {
@@ -40,3 +42,9 @@
.content img:not([data-no-zoom]) {
cursor: zoom-in;
}
html:has(.hextra-zoom-image-overlay.show),
body:has(.hextra-zoom-image-overlay.show) {
overflow: hidden;
height: 100%;
}