add algolia searchbar (#4696)

* add algolia searchbar Signed-off-by: Niels Bantilan <[email protected]> * update css and search.html filepath Signed-off-by: Niels Bantilan <[email protected]> --------- Signed-off-by: Niels Bantilan <[email protected]>
flyteorg · Jan 12, 2024 · 342941c · 342941c
1 parent 43ab8bc
commit 342941c
Show file tree

Hide file tree

Showing 7 changed files with 179 additions and 1 deletion.
diff --git a/docs/_static/algolia-search.js b/docs/_static/algolia-search.js
@@ -0,0 +1,12 @@
+/*global docsearch*/
+
+docsearch({
+    container: ".docsearch",
+    appId: "WLG0MZB58Q",
+    apiKey: "28bf9bfd4a77a7d6b3ab7e98c671e781",
+    indexName: "flyte",
+    searchParameters: {
+      hitsPerPage: 10,
+      // See https://www.algolia.com/doc/api-reference/api-parameters/
+    },
+});
diff --git a/docs/_static/algolia.css b/docs/_static/algolia.css
@@ -0,0 +1,23 @@
+/* Algolia Docs Search Style */
+.docsearch {
+    width: 100% !important;
+}
+
+.DocSearch-Button {
+    height: 60px !important;
+    width: 100% !important;
+    margin: 0px !important;
+    border-radius: 0 !important;
+    border-bottom: 1px solid var(--color-header-border) !important;
+    background: var(--color-sidebar-background) !important;
+    padding: 0 15px !important;
+}
+
+.DocSearch-Button:hover, .DocSearch-Button:active {
+    box-shadow: none !important;
+    background: var(--docsearch-searchbox-background) !important;
+}
+
+.sidebar-search-container::before {
+    content: none;
+}
diff --git a/docs/_static/flyte.css b/docs/_static/flyte.css
@@ -43,6 +43,7 @@ h6 {
   width: 100% !important;
   margin: 0px !important;
   border-radius: 0 !important;
+  border-top: 1px solid var(--color-header-border) !important;
   border-bottom: 1px solid var(--color-header-border) !important;
   background: var(--color-sidebar-background) !important;
   padding: 0 15px !important;
@@ -53,6 +54,16 @@ h6 {
   background: var(--docsearch-searchbox-background) !important;
 }
 
+.DocSearch-Button-Key {
+  border-radius: 3px !important;
+  box-shadow: var(--docsearch-key-shadow) !important;
+  color: var(--docsearch-muted-color) !important;
+  display: flex !important;
+  margin-right: 0.4em !important;
+  padding: 0 0 2px !important;
+  border: 0 !important;
+}
+
 .sidebar-search-container::before {
   content: none;
 }

diff --git a/docs/_templates/base.html b/docs/_templates/base.html
diff --git a/docs/_templates/page.html b/docs/_templates/page.html
diff --git a/docs/_templates/sidebar/search.html b/docs/_templates/sidebar/search.html
diff --git a/docs/conf.py b/docs/conf.py
@@ -186,7 +186,7 @@
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
 html_static_path = ["_static"]
-html_css_files = ["custom.css", "flyte.css"]
+html_css_files = ["custom.css", "flyte.css", "algolia.css"]
 
 # Custom sidebar templates, must be a dictionary that maps document names
 # to template names.