Merge branch 'bug/#44034_image_not_zoom_in_modal' into 'develop'

add max height and width for picture modal

See merge request !242

public_new/css/chat.css

@@ -817,8 +817,16 @@ input[name="tab_item"] {
   width: 100%!important;
   width: 100%!important;
 }
 }
 .modal-body #modal_image {
 .modal-body #modal_image {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.picture-modal {
+  max-width: 85vw;
+  max-height: 85vh;
+  width: 100%;
+  height: 100%;
 }
 }
 
 
 .menu_modal .modal-body ul {
 .menu_modal .modal-body ul {

public_new/modal_chat_picture.html

@@ -6,7 +6,7 @@
           <span aria-hidden="true">&times;</span>
           <span aria-hidden="true">&times;</span>
         </button>
         </button>
       </div>
       </div>
-      <div class="modal-body">
+      <div class="modal-body" style="height: 85vh!important; max-height: 85vh;">
         <div class="picture-modal">
         <div class="picture-modal">
           <img src="" id="modal_image">
           <img src="" id="modal_image">
         </div>
         </div>