content, css: fix bad rule for styling image-container w/ link

2 files changed, 6 insertions, 2 deletions

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;