« get me outta code hell

css: tweak search reuslt image & placeholder appearance - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css/site.css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-05-18 07:56:46 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-05-31 12:11:56 -0300
commit4c77ada1015fb374d3775d1aeea4ed9da67323a1 (patch)
tree1e6a2d7af571c630da7a22868c3e0807928d6753 /src/static/css/site.css
parent33f5658ea21527f81b11d620ba36dc1387fa3bcd (diff)
css: tweak search reuslt image & placeholder appearance
Diffstat (limited to 'src/static/css/site.css')
-rw-r--r--src/static/css/site.css8
1 files changed, 7 insertions, 1 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index abaebc45..ca0e3921 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -610,17 +610,23 @@ summary .group-name {
   margin-right: 6px;
   border-radius: 2px;
   overflow: hidden;
+
+  background-color: var(--deep-color);
+  border: 2px solid var(--deep-color);
 }
 
 .wiki-search-result-image,
 .wiki-search-result-image-placeholder {
+  display: block;
   width: 1.8em;
   height: 1.8em;
   aspect-ratio: 1 / 1;
+  border-radius: 1.5px;
 }
 
 .wiki-search-result-image-placeholder {
-  display: inline-block;
+  background-color: #0004;
+  box-shadow: 0 1px 3px -1px #0008 inset;
 }
 
 .wiki-search-results:not(:has(.wiki-search-result-image)) .wiki-search-result-image-placeholder {