Move Algolia CSS

Amplitude-Developer-Docs · Sep 21, 2023 · 433aba8 · 433aba8
1 parent 0cd7090
commit 433aba8
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 46 deletions.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -562,4 +562,48 @@ textarea.at-field {
 
 table code {
   white-space : pre-wrap !important;
+}
+
+/* Algolia DocSearch Styles */
+
+
+.DocSearch-Hit-content-wrapper {
+  font-size: 1.25em;
+}
+
+.DocSearch-Button {
+  align-items: center;
+  background: rgba(0, 0, 0, 0.26);
+  border: 0;
+  border-radius: 2px;
+  color: rgba(255,255,255,0.8);
+  cursor: pointer;
+  display: flex;
+  font-weight: 500;
+  height: 1.8rem;
+  justify-content: space-between;
+  margin: 0 0 0 16px;
+  padding: 0 8px;
+  user-select: none;
+  transition: color .25s, background-color .25s;
+}
+
+.DocSearch-Button:hover, .DocSearch-Button:active {
+  background-color: #ffffff1f;
+  box-shadow: none;
+  color: rgba(255,255,255,0.8);
+  outline: none;
+}
+
+.DocSearch-Button .DocSearch-Search-Icon {
+  color: rgba(255,255,255,0.8);
+}
+
+.DocSearch-Button-Placeholder {
+  font-size: .8rem;
+  margin-right:1.5rem;
+}
+
+.DocSearch-Hit-source {
+  font-size: .5rem;
 }
diff --git a/overrides/main.html b/overrides/main.html
@@ -5,51 +5,6 @@
 {% block styles %}
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
 {{ super() }}
-<style>
-
-  .DocSearch-Hit-content-wrapper {
-    font-size: 1.25em;
-  }
-
-  .DocSearch-Button {
-    align-items: center;
-    background: rgba(0, 0, 0, 0.26);
-    border: 0;
-    border-radius: 2px;
-    color: rgba(255,255,255,0.8);
-    cursor: pointer;
-    display: flex;
-    font-weight: 500;
-    height: 1.8rem;
-    justify-content: space-between;
-    margin: 0 0 0 16px;
-    padding: 0 8px;
-    user-select: none;
-    transition: color .25s, background-color .25s;
-  }
-
-  .DocSearch-Button:hover, .DocSearch-Button:active {
-    background-color: #ffffff1f;
-    box-shadow: none;
-    color: rgba(255,255,255,0.8);
-    outline: none;
-  }
-
-  .DocSearch-Button .DocSearch-Search-Icon {
-    color: rgba(255,255,255,0.8);
-  }
-
-  .DocSearch-Button-Placeholder {
-    font-size: .8rem;
-    margin-right:1.5rem;
-  }
-
-  .DocSearch-Hit-source {
-    font-size: .5rem;
-  }
-  </style>
-
-
 {% endblock %}
 
 {% block site_meta %}
@@ -66,7 +21,7 @@
     indexName: 'developers-amplitude',
     insights: true, // Optional, automatically send insights when user interacts with search result
     container: '#docsearch',
-    debug: true, // Set debug to true if you want to inspect the modal
+    debug: false, // Set debug to true if you want to inspect the modal
     transformItems(items) {
       return items.map((item) => ({
         ...item,