mirror of
https://github.com/imfing/hextra.git
synced 2025-09-16 00:16:49 -04:00
chore(image-zoom): enhance mobile experience with scroll lock and touch actions
This commit is contained in:
@@ -10,6 +10,8 @@
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.25s ease-out;
|
transition: opacity 0.25s ease-out;
|
||||||
cursor: zoom-out;
|
cursor: zoom-out;
|
||||||
|
overscroll-behavior: contain;
|
||||||
|
touch-action: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hextra-zoom-image-overlay.show {
|
.hextra-zoom-image-overlay.show {
|
||||||
@@ -40,3 +42,9 @@
|
|||||||
.content img:not([data-no-zoom]) {
|
.content img:not([data-no-zoom]) {
|
||||||
cursor: zoom-in;
|
cursor: zoom-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html:has(.hextra-zoom-image-overlay.show),
|
||||||
|
body:has(.hextra-zoom-image-overlay.show) {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user