Merge pull request #2167 from OctopusDeploy/km/search-fixes

Resolving site_features issue
OctopusDeploy · Feb 16, 2024 · 49f4fe7 · 49f4fe7
2 parents f66d9b2 + 0fa9fb0
commit 49f4fe7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/public/docs/css/main.css b/public/docs/css/main.css
@@ -407,7 +407,7 @@ nav.skip-links a:focus {
 .octo-header-bkg {
   box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
   background-color: var(--header-bg);
-  min-height: 55px;
+  min-height: 82px;
   position: sticky;
   top: 0;
   /* z-index due to conflict with octo-title-bkg */
@@ -568,7 +568,7 @@ nav.skip-links a:focus {
 .octo-title-bkg {
   background: linear-gradient(269.9deg, #11181D 47.17%, #124164 72.68%, #07121A 96.54%);
   position: sticky;
-  top: 55px;
+  top: 82px;
   z-index: 10;
 }
 
@@ -635,13 +635,13 @@ nav.skip-links a:focus {
 .site-nav {
   background-color: var(--bg-color-menu);
   height: calc(100vh - 110px);
-  top: 110px;
+  top: 140px;
 }
 
 .side-nav {
   margin-block-start: 10vh;
   height: calc(100vh - 260px);
-  top: 150px;
+  top: 170px;
 }
 
 .site-nav>ul,

diff --git a/public/docs/js/search.js b/public/docs/js/search.js
@@ -6,7 +6,7 @@ import { contains, sanitise, explode, highlight } from "./modules/string.js";
 import { stemmer } from "./modules/stemmer.js";
 
 // @ts-ignore
-const f = site_features ?? {};
+const f = window.site_features ?? {};
 
 /**
  *

diff --git a/src/themes/accelerator/components/Search.astro b/src/themes/accelerator/components/Search.astro
@@ -59,7 +59,11 @@ const searchUrl =
         autocomplete="off"
         data-site-search-query
       />
-      <button class="site-search__remove-btn" type="button" data-site-search-remove>
+      <button
+        class="site-search__remove-btn"
+        type="button"
+        data-site-search-remove
+      >
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="11"
@@ -96,4 +100,4 @@ const searchUrl =
   </a>
 </div>
 
-<script src={SITE.subfolder + "/js/search.js"} type="module" async></script>
+<script src={SITE.subfolder + "/js/search.js"} type="module" defer></script>