fix large image deforming the note revisions dialog, closing #2216

zadam · Oct 10, 2021 · e09b290 · e09b290
1 parent f6776df
commit e09b290
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/views/dialogs/note_revisions.ejs b/src/views/dialogs/note_revisions.ejs
@@ -1,4 +1,16 @@
 <div id="note-revisions-dialog" class="modal fade mx-auto" tabindex="-1" role="dialog">
+    <style>
+        #note-revision-content {
+            overflow: auto;
+            word-break: break-word;
+        }
+
+        #note-revision-content img {
+            max-width: 100%;
+            object-fit: contain;
+        }
+    </style>
+
     <div class="modal-dialog modal-xl" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -29,9 +41,9 @@
                         <div id="note-revision-title-buttons"></div>
                     </div>
 
-                    <div id="note-revision-content" style="overflow: auto; word-break: break-word;"></div>
+                    <div id="note-revision-content"></div>
                 </div>
             </div>
         </div>
     </div>
-</div>
+</div>