search, client: custom display for results w/ artwork warnings

1 files changed, 11 insertions, 3 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;