Add docs search

phated · phated · commit d609ceab6b8e · 2018-10-24T15:59:13.000-07:00
diff --git a/website/siteConfig.js b/website/siteConfig.js
@@ -12,6 +12,7 @@ const siteConfig = {
     {href: 'https://gulpjs.com/plugins', label: 'Plugins'},
     {href: 'https://twitter.com/gulpjs', label: 'Twitter'},
     {href: 'https://github.com/gulpjs/gulp/blob/master/CONTRIBUTING.md', label: 'Contribute'},
+    {search: true},
   ],
   headerIcon: 'img/gulp.svg',
   footerIcon: 'img/gulp.svg',
@@ -30,6 +31,11 @@ const siteConfig = {
   useEnglishUrl: true,
   scripts: ['https://buttons.github.io/buttons.js'],
   repoUrl: 'https://github.com/gulpjs/gulp',
+  algolia: {
+    apiKey: 'my-api-key',
+    indexName: 'my-index-name',
+    algoliaOptions: {} // Optional, if provided by Algolia
+  },
 };
 
 module.exports = siteConfig;
diff --git a/website/static/docs-css/custom.css b/website/static/docs-css/custom.css
@@ -131,6 +131,11 @@ table thead tr:nth-of-type(odd) {
   margin-bottom: 2rem;
 }
 
+/* Search */
+input#search_input_react {
+  line-height: 25px;
+}
+
 @media (max-width: 375px) {
   .logo {
     display: initial;
@@ -141,13 +146,17 @@ table thead tr:nth-of-type(odd) {
   .fixedHeaderContainer a {
     display: none;
   }
+  .navSearchWrapper {
+    display: none;
+  }
 
   .navigationSlider .slidingNav ul {
     margin-top: 0;
   }
 }
 
 @media only screen and (max-width: 735px) {
+
   .docs-next {
     clear: unset;
     float: right;
