From 0807f6907218ff20cb1f620107473c91ca78865c Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Fri, 24 May 2024 22:48:21 -0300
Subject: client, css: highlight current search result

---
 src/static/css/site.css | 15 +++++++++++++++
 src/static/js/client.js |  1 +
 2 files changed, 16 insertions(+)

(limited to 'src/static')

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;
diff --git a/src/static/js/client.js b/src/static/js/client.js
index 124c8414..1b70af0f 100644
--- a/src/static/js/client.js
+++ b/src/static/js/client.js
@@ -4342,6 +4342,7 @@ function generateSidebarSearchResultTemplate(slots) {
     const here = location.href.replace(/\/$/, '');
     const there = link.href.replace(/\/$/, '');
     if (here === there) {
+      link.classList.add('current-result');
       accentSpan = document.createElement('span');
       accentSpan.classList.add('wiki-search-current-result-text');
       accentSpan.appendChild(templateContent(info.currentResultString));
-- 
cgit 1.3.0-6-gf8a5