Merge pull request #3793 from Erquint/staging Clickable image attachments — no more fiddling with the spyglass button.

0a521d7a35aa7731f939a1f38438cefce40aa6b5

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed

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', expandMessageImage);
+    $(document).on('click', '.mes_img_enlarge', expandAndZoomMessageImage);
     $(document).on('click', '.mes_img_delete', deleteMessageImage);
     $('#file_form_input').on('change', async () => {

public/style.css+1 -0 Viewed

     max-width: 100%;
     max-height: 40vh;
     image-rendering: -webkit-optimize-contrast;
+    cursor: pointer;
+}
 .mes_img_swipes,