diff options
| -rw-r--r-- | src/content/dependencies/image.js | 9 | ||||
| -rw-r--r-- | src/static/client3.js | 6 | ||||
| -rw-r--r-- | src/static/site6.css | 2 |
3 files changed, 12 insertions, 5 deletions
diff --git a/src/content/dependencies/image.js b/src/content/dependencies/image.js index 5ea89a57..4dc1100c 100644 --- a/src/content/dependencies/image.js +++ b/src/content/dependencies/image.js @@ -140,9 +140,6 @@ export default { (customLink ? {href: slots.link} : {href: originalSrc}), - - customLink && - {class: 'no-image-preview'}, ]); const containerAttributes = html.attributes(); @@ -353,6 +350,12 @@ export default { html.tag('div', {class: 'image-container'}, containerAttributes, + willLink && + {class: 'has-link'}, + + customLink && + {class: 'no-image-preview'}, + !originalSrc && {class: 'placeholder-image'}, diff --git a/src/static/client3.js b/src/static/client3.js index 595bf612..865aa78a 100644 --- a/src/static/client3.js +++ b/src/static/client3.js @@ -1679,7 +1679,11 @@ function addImageOverlayClickHandlers() { return; } - for (const link of document.querySelectorAll('.image-link:not(.no-image-preview)')) { + for (const link of document.querySelectorAll('.image-link')) { + if (link.closest('.no-image-preview')) { + continue; + } + link.addEventListener('click', handleImageLinkClicked); } diff --git a/src/static/site6.css b/src/static/site6.css index 2ffb209d..44634f1c 100644 --- a/src/static/site6.css +++ b/src/static/site6.css @@ -1228,7 +1228,7 @@ img.pixelate { text-decoration-style: solid; } -.image-link:not(.no-image-preview) .image-container { +.image-container.has-link:not(.no-image-preview) { background: var(--deep-color); box-shadow: none; border-radius: 0 0 4px 4px; |