Sfoglia il codice sorgente

Fix image to modal (i.e. avoid scrollbars)

JC Brand 4 anni fa
parent
commit
e73d14304c
2 ha cambiato i file con 8 aggiunte e 1 eliminazioni
  1. 7 0
      sass/_modal.scss
  2. 1 1
      src/templates/image_modal.js

+ 7 - 0
sass/_modal.scss

@@ -28,6 +28,13 @@
                     }
                 }
             }
+            .modal-body--image {
+                height: 72vh;
+                .chat-image {
+                    max-height: 99%;
+                    max-width: 100%;
+                }
+            }
             .modal-footer {
                 justify-content: flex-start;
             }

+ 1 - 1
src/templates/image_modal.js

@@ -10,7 +10,7 @@ export default (o) => html`
                 <h4 class="modal-title" id="message-versions-modal-label">${__('Image: ')}<a target="_blank" rel="noopener" href="${o.src}">${o.src}</a></h4>
                 ${modal_header_close_button}
             </div>
-            <div class="modal-body fit-content">
+            <div class="modal-body modal-body--image fit-content">
                 <img class="chat-image" src="${o.src}"/>
             </div>
             <div class="modal-footer">${modal_close_button}</div>