Made attached images clickable — no more fiddling with the spyglass pictogram. Augmented the "Enlarge" button's function to retain it.

864859dd6bb5fa53d2c0fa0c4eebeb28f4892f1f

Gness Erquint <gness.na@gmail.com>

public/scripts/chats.js+10 -4 Viewed

     return !power_user.forbid_external_media;
+}
-async function enlargeMessageImage() {
+function expandMessageImage(event) {
-    const mesBlock = $(this).closest('.mes');
+    const mesBlock = $(event.currentTarget).closest('.mes');
     const mesId = mesBlock.attr('mesid');
     const message = chat[mesId];
     const imgSrc = message?.extra?.image;

         popup.completeCancelled();
     });
-    await popup.show();
+    popup.show();
+    return img;
+}
+function expandAndZoomMessageImage(event) {
+    expandMessageImage(event).click();
+}
 async function deleteMessageImage() {

         reloadCurrentChat();
     });
-    $(document).on('click', '.mes_img_enlarge', enlargeMessageImage);
+    $(document).on('click', '.mes_img.img_inline', expandMessageImage);
+    $(document).on('click', '.mes_img_enlarge', expandAndZoomMessageImage);
     $(document).on('click', '.mes_img_delete', deleteMessageImage);
     $('#file_form_input').on('change', async () => {

public/style.css+4 -0 Viewed

     padding: 0.5rem;
+}
+.mes_img.img_inline {
+    cursor: pointer;
+}
 .mes_img {
     border-radius: 10px;
     max-width: 100%;