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 enlargeMessageImageexpandMessageImage(event) {
     const mesBlock = $(thisevent.currentTarget).closest('.mes');
     const mesId = mesBlock.attr('mesid');
     const message = chat[mesId];
     const imgSrc = message?.extra?.image;

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

         reloadCurrentChat();
     });
     $(document).on('click', '.mes_img_enlargemes_img.img_inline', enlargeMessageImageexpandMessageImage);
 +    $(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%;