From daa573aaaa0a4fde9ff61537da1e35a0dc1b18b2 Mon Sep 17 00:00:00 2001
From: Steve Piercy <web@stevepiercy.com>
Date: Sun, 10 Nov 2024 01:08:39 -0800
Subject: [PATCH] Move search results inside the searchtext block, and wrap
 with a styled div to prevent overlap with preceding text

---
 docs/_static/custom.css     | 34 ++++++++++++++++++----------------
 docs/_templates/search.html |  8 +++++---
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/docs/_static/custom.css b/docs/_static/custom.css
index 736c50e63..9ed6e0bb0 100644
--- a/docs/_static/custom.css
+++ b/docs/_static/custom.css
@@ -1,12 +1,12 @@
-html[data-theme=light], html[data-theme=dark] {
-  --sbt-color-announcement: #3f0000;
-}
-a:hover {
-  --pst-color-link-hover: var(--pst-color-link);
-}
-.bd-header-announcement__content > a {
-  color: #66e5ff;
-}
+/*html[data-theme=light], html[data-theme=dark] {*/
+/*  --sbt-color-announcement: #3f0000;*/
+/*}*/
+/*a:hover {*/
+/*  --pst-color-link-hover: var(--pst-color-link);*/
+/*}*/
+/*.bd-header-announcement__content > a {*/
+/*  color: #66e5ff;*/
+/*}*/
 /*:root {*/
 /*  --highlight-searchresult-color: #b9ee9e;*/
 /*  --codeblock-color: #aad993;*/
@@ -179,9 +179,9 @@ a:hover {
 /*  margin-bottom: 1em;*/
 /*}*/
 
-#search-results .breadcrumbs .pathseparator {
-  padding: 0 .5em;
-}
+/*#search-results .breadcrumbs .pathseparator {*/
+/*  padding: 0 .5em;*/
+/*}*/
 
 /*ul.search li span.highlighted {*/
 /*  background-color: var(--highlight-searchresult-color);*/
@@ -258,10 +258,10 @@ a:hover {
 /*}*/
 
 /* Fix title in sticky header on mobile */
-.header-article-item-chapter-title {
-  overflow-y: hidden;
-  max-height: 100%;
-}
+/*.header-article-item-chapter-title {*/
+/*  overflow-y: hidden;*/
+/*  max-height: 100%;*/
+/*}*/
 
 /*!* submenu *!*/
 /*.bd-toc {*/
@@ -379,3 +379,5 @@ a:hover {
 /*  font-style: italic;*/
 /*  white-space: nowrap;*/
 /*}*/
+/* Nuclia search styles */
+div.nuclia-search {margin-top: 1em;}
\ No newline at end of file
diff --git a/docs/_templates/search.html b/docs/_templates/search.html
index 332e10241..e6685bec4 100644
--- a/docs/_templates/search.html
+++ b/docs/_templates/search.html
@@ -14,8 +14,7 @@ <h1>{{ _("Search") }}</h1>
         {% trans %}Searching for multiple words only shows matches that contain
         all words.{% endtrans %}
       </div>
-    {% endblock %}
-</div>
+      <div class="nuclia-search">
 <script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/@nuclia/core@latest/umd/index.js"></script>
 
@@ -37,7 +36,7 @@ <h1>{{ _("Search") }}</h1>
       const script2 = document.createElement("script"); // Call searchtester script after we get search results
       script2.src = "{{ pathto('_static/searchtester.js', 1) }}";
 
-      // On searchtester.js load call function to add breadcrumbs 
+      // On searchtester.js load call function to add breadcrumbs
       script2.onload = () => {
         addBreadcrumbsToResults();
       };
@@ -69,6 +68,9 @@ <h1>{{ _("Search") }}</h1>
     console.log("[PST]: Set focus on search field.");
   }
 </script>
+    {% endblock %}
+  </div>
+</div>
 {% endblock docs_body %}
 {# Below sections just re-create the behavior of Sphinx default search #}
 {# Page metadata #}