Issue [#743] search input box misleading (#961)

cypress-io · Sep 17, 2018 · 8b1972c · 8b1972c
1 parent 1ed71c0
commit 8b1972c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/themes/cypress/source/css/_partial/media_queries.scss b/themes/cypress/source/css/_partial/media_queries.scss
@@ -212,8 +212,6 @@
     position: relative;
     top: -6px;
     left: -120px;
-    max-width: 320px;
-    min-width: 320px;
   }
 
   #content-inner {
@@ -300,6 +298,11 @@
     width: 100%;
     padding-right: 0;
   }
+
+  .algolia-autocomplete .ds-dropdown-menu {
+    max-width: 320px;
+    min-width: 320px;
+  }
 }
 
 @media screen and(max-width: 500px) {

diff --git a/themes/cypress/source/css/_partial/search.scss b/themes/cypress/source/css/_partial/search.scss
@@ -12,6 +12,9 @@
   &.on {
     display: inline-block;
   }
+  .algolia-autocomplete {
+    width: calc(100% - 30px);
+  }
 }
 
 #search-input-icon {
@@ -24,6 +27,7 @@
 }
 
 #search-input {
+  width: 100%;
   background: none;
   font-size: inherit;
   font-family: $font-sans;