Merge pull request #214 from hlxsites/bug/model-image-2zoom

Bug/model image 2zoom
hlxsites · Dec 6, 2023 · f97c702 · f97c702
2 parents 534f4d2 + 15d4b2e
commit f97c702
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 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,10 +107,10 @@ export default function decorate(block) {
   });
   pictureTagForZoom.addEventListener('click', (e) => {
     e.stopPropagation();
-    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': 'unset' });
+    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
   });
   block.querySelector('.button.icon-search').addEventListener('click', (e) => {
     e.stopPropagation();
-    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': 'unset' });
+    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
   });
 }