style: revert client search bar

razonyang · Dec 5, 2022 · c1dd2f9 · c1dd2f9
1 parent 576134c
commit c1dd2f9
Show file tree

Hide file tree

Showing 10 changed files with 204 additions and 187 deletions.
diff --git a/assets/algolia/js/index.ts b/assets/algolia/js/index.ts
@@ -11,7 +11,7 @@ import { default as params } from '@params'
 
   window.addEventListener('load', () => {
     autocomplete({
-      container: '.search-bar',
+      container: '.search-button',
       // panelContainer: '#algolia-container',
       panelPlacement: 'full-width',
       placeholder: 'Search',

diff --git a/assets/docsearch/js/index.ts b/assets/docsearch/js/index.ts
@@ -3,7 +3,7 @@ import { default as params } from '@params';
 import { default as customOptions } from './options';
 
 const defaultOptions = {
-  container: '.search-bar',
+  container: '.search-button',
 };
 
 const replacements = {

diff --git a/assets/main/scss/_top-app-bar.scss b/assets/main/scss/_top-app-bar.scss
@@ -47,6 +47,16 @@
   }
 
   .search-bar {
+    @include media-breakpoint-up(xxl) {
+      width: 180px;
+    }
+
+    .search-input {
+      padding-left: 2.25rem;
+    }
+  }
+
+  .search-button {
     color: var(--#{$prefix}on-primary-secondary);
   }
 
@@ -64,7 +74,7 @@
       }
 
       .dropdown-item-description {
-        color: rgba(255,255,255, 0.7) !important;
+        color: rgba(255, 255, 255, 0.7) !important;
       }
     }
   }
@@ -78,7 +88,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 0.8rem;
-    
+
     @include media-breakpoint-down(md) {
       display: none;
     }