diff --git a/data/static/js/ui.js b/data/static/js/ui.js index f874666..c2128aa 100644 --- a/data/static/js/ui.js +++ b/data/static/js/ui.js @@ -144,20 +144,33 @@ document.addEventListener("DOMContentLoaded", () => { document.body.appendChild(lightboxObj.dialog); function setImageMaxSize(img) { - const { maxWidth: origMaxWidth } = getComputedStyle(img); - if (img.naturalWidth >= parseInt(origMaxWidth)) { - return; + const { + maxWidth: origMaxWidth, + maxHeight: origMaxHeight, + minWidth: origMinWidth, + minHeight: origMinHeight, + } = getComputedStyle(img); + console.log(img, img.naturalWidth, img.naturalHeight, origMinWidth, origMinHeight, origMaxWidth, origMaxHeight) + if (img.naturalWidth < parseInt(origMinWidth)) { + console.log(1) + img.style.minWidth = img.naturalWidth + "px"; + } + if (img.naturalHeight < parseInt(origMinHeight)) { + console.log(2) + img.style.minHeight = img.naturalHeight + "px"; + } + if (img.naturalWidth < parseInt(origMaxWidth)) { + console.log(3) + img.style.maxWidth = img.naturalWidth + "px"; + } + if (img.naturalHeight < parseInt(origMaxHeight)) { + console.log(4) + img.style.maxHeight = img.naturalHeight + "px"; } - img.style.maxWidth = img.naturalWidth + "px"; } const postImages = document.querySelectorAll(".post-inner img.post-image"); postImages.forEach(postImage => { - if (postImage.complete) { - setImageMaxSize(postImage); - } else { - postImage.addEventListener("load", () => setImageMaxSize(postImage)); - } const belongingTo = postImage.closest(".post-inner"); const images = lightboxImages.get(belongingTo) ?? []; images.push({ @@ -171,6 +184,14 @@ document.addEventListener("DOMContentLoaded", () => { openLightbox(belongingTo, idx); }); }); + const postAndSigImages = document.querySelectorAll("img.post-image"); + postAndSigImages.forEach(image => { + if (image.complete) { + setImageMaxSize(image); + } else { + image.addEventListener("load", () => setImageMaxSize(image)); + } + }) // copy code blocks for (let button of document.querySelectorAll(".copy-code")) {