fixed zoomed image mobile issuel

hlxsites · Dec 4, 2023 · a890183 · a890183
1 parent 4f69b25
commit a890183
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/blocks/model-image/model-image.css b/blocks/model-image/model-image.css
@@ -157,8 +157,12 @@
   max-height: 80vh;
   overflow: auto;
 
-  @media only screen and (max-width: 860px) {
+  @media (max-width: 860px) {
     width: calc(100vw - 100px);
   }
 
+  @media (max-width: 768px) {
+    width: calc(100vw - 40px);
+  }
+
 }
diff --git a/blocks/model-image/model-image.js b/blocks/model-image/model-image.js
@@ -107,7 +107,7 @@ export default function decorate(block) {
   });
   pictureTagForZoom.addEventListener('click', (e) => {
     e.stopPropagation();
-    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': 'unset' });
+    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': 'unset', width: 'auto' });
   });
   block.querySelector('.button.icon-search').addEventListener('click', (e) => {
     e.stopPropagation();