client, css: highlight current search result

1 files changed, 15 insertions, 0 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index a9ff8529..aeba0d48 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -578,11 +578,26 @@ summary .group-name {
   display: none;
 }
 
+.wiki-search-result.current-result {
+  background: var(--light-ghost-color);
+  border-top: 1px solid var(--dim-color);
+  border-bottom: 1px solid var(--dim-color);
+}
+
 .wiki-search-result:hover::before {
   display: block;
   background: var(--light-ghost-color);
 }
 
+.wiki-search-result.current-result:hover {
+  background: none;
+  border-color: transparent;
+}
+
+.wiki-search-result.current-result:hover .wiki-search-current-result-text {
+  filter: saturate(0.8) brightness(1.4);
+}
+
 .wiki-search-result-text-area {
   align-self: center;
   flex-grow: 1;