Merge pull request #863 from facebookresearch/update-searchbar-colors

Update searchbar colors
facebookresearch · Jul 26, 2022 · c780e4a · c780e4a
2 parents 55f7937 + 4725c98
commit c780e4a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/docs/web/docusaurus.config.js b/docs/web/docusaurus.config.js
@@ -50,7 +50,6 @@ const config = {
         apiKey: "ac51a5b25842fad8a3a7b1f384496bf9",
 
         indexName: "mephisto",
-        contextualSearch: false,
         searchPagePath: false,
       },
       navbar: {

diff --git a/docs/web/src/css/custom.css b/docs/web/src/css/custom.css
@@ -23,6 +23,8 @@
   --mephisto-alt-purple: #f0ebf5;
   --mephisto-alt-orange: #fbd6b7;
   --mephisto-alt-yellow: #ffde89;
+  --docsearch-primary-color: var(--ifm-color-primary-darkest) !important;
+  --docsearch-logo-color: var(--ifm-color-primary) !important;
 }
 
 .docusaurus-highlight-code-line {
@@ -116,17 +118,13 @@ h6 {
 }
 
 @media (max-width: 750px) {
+  .DocSearch-Container {
+    position: fixed !important;
+  }
   .DocSearch-Modal {
     margin: 60px 0 !important;
   }
-}
-
-/*
-  This hides the text that allows you to see all results
-  As of now when you try to see all results it takes you to a separate page
-  This page has a searchbar, but no options show.
-  That is why it is being hidden.
-*/
-.DocSearch-HitsFooter {
-  display: none !important;
+  .DocSearch-Dropdown {
+    padding-bottom: 20px !important;
+  }
 }