Merge branch 'refs/heads/pr/imageview-005' into dev-local-202406

* refs/heads/pr/imageview-005: chore: set image viewer default as modalImageFullscreen
bluelovers · Jun 11, 2024 · 5e16914 · 5e16914
2 parents 375fdee + 9eec9bb
commit 5e16914
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
@@ -8,6 +8,7 @@ function showModal(event) {
     const modalImage = gradioApp().getElementById("modalImage");
     const lb = gradioApp().getElementById("lightboxModal");
     modalImage.src = source.src;
+    modalImage.className = 'modalImageFullscreen';
     if (modalImage.style.display === 'none') {
         lb.style.setProperty('background-image', 'url(' + source.src + ')');
     }

diff --git a/style.css b/style.css
@@ -716,10 +716,10 @@ table.popup-table .link{
     width: auto;
 }
 
-#lightboxModal > img.modalImageFullscreen{
+#lightboxModal img#modalImage.modalImageFullscreen {
     object-fit: contain;
-    height: 100%;
-    width: 100%;
+    max-height: 100%;
+    max-width: 100%;
     min-height: 0;
 }