drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-10-31 12:54:51 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Xin
2025-09-11 08:54:52 +01:00
parent c2c4cafa13
commit a528d9adc0
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/components/image-zoom.css
View File

@@ -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%;
}