« get me outta code hell

hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static
diff options
context:
space:
mode:
Diffstat (limited to 'src/static')
-rw-r--r--src/static/css/site.css14
-rw-r--r--src/static/js/client.js12
2 files changed, 21 insertions, 5 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index c7267b2f..766a4010 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -581,13 +581,17 @@ summary .group-name {
   display: inline-block;
 }
 
+.wiki-search-result-image-container {
+  align-self: flex-start;
+  margin-right: 6px;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
 .wiki-search-result-image,
 .wiki-search-result-image-placeholder {
-  align-self: flex-start;
   width: 1.8em;
   height: 1.8em;
-  margin-right: 6px;
-  border-radius: 2px;
   aspect-ratio: 1 / 1;
 }
 
@@ -599,6 +603,10 @@ summary .group-name {
   display: none;
 }
 
+.wiki-search-result-image.has-warning {
+  filter: blur(1px) brightness(0.8);
+}
+
 .wiki-search-end-search-line {
   text-align: center;
   margin-top: 6px;
diff --git a/src/static/js/client.js b/src/static/js/client.js
index bee82938..31e16aa2 100644
--- a/src/static/js/client.js
+++ b/src/static/js/client.js
@@ -3891,17 +3891,25 @@ function generateSidebarSearchResultTemplate(slots) {
     }
   }
 
+  const imgContainer = document.createElement('span');
+  imgContainer.classList.add('wiki-search-result-image-container');
+
   if (slots.imageSource) {
     const img = document.createElement('img');
     img.classList.add('wiki-search-result-image');
     img.setAttribute('src', slots.imageSource);
-    link.appendChild(img);
+    imgContainer.appendChild(img);
+    if (slots.imageSource.endsWith('.mini.jpg')) {
+      img.classList.add('has-warning');
+    }
   } else {
     const placeholder = document.createElement('span');
     placeholder.classList.add('wiki-search-result-image-placeholder');
-    link.appendChild(placeholder);
+    imgContainer.appendChild(placeholder);
   }
 
+  link.appendChild(imgContainer);
+
   const text = document.createElement('span');
   text.classList.add('wiki-search-result-text-area');