Increase width of search results dropdown (#136)

patmellon · JoelMarcey · commit c46503a4cc2a · 2018-12-07T11:12:05.000-08:00
diff --git a/_sass/search.scss b/_sass/search.scss
@@ -77,6 +77,12 @@ input[type='search'] {
   border-color: rgba(57, 57, 57, 0.3);
 }
 
+.navSearchWrapper .algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
+  @include desktop {
+    word-wrap: normal;
+  }
+}
+
 input#search-input {
   background-color: inherit;
   border: none;
@@ -345,13 +351,16 @@ input::placeholder {
     overflow-y: scroll;
     @include desktop {
       height: auto;
-      min-width: 500px;
+      min-width: 700px;
       overflow-y: hidden;
     }
     @include small-desktop {
       height: 700px;
       overflow-y: scroll;
     }
+    @media (min-width: 769px) and (max-width: 1024px) {
+      min-width: 950px;
+    }
   }
 }
 /* End of Search */

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,12 @@ input[type='search'] {`
`77`	`77`	`border-color: rgba(57, 57, 57, 0.3);`
`78`	`78`	`}`
`79`	`79`
	`80`	`+.navSearchWrapper .algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {`
	`81`	`+ @include desktop {`
	`82`	`+ word-wrap: normal;`
	`83`	`+ }`
	`84`	`+}`
	`85`	`+`
`80`	`86`	`input#search-input {`
`81`	`87`	`background-color: inherit;`
`82`	`88`	`border: none;`
`@@ -345,13 +351,16 @@ input::placeholder {`
`345`	`351`	`overflow-y: scroll;`
`346`	`352`	`@include desktop {`
`347`	`353`	`height: auto;`
`348`		`- min-width: 500px;`
	`354`	`+ min-width: 700px;`
`349`	`355`	`overflow-y: hidden;`
`350`	`356`	`}`
`351`	`357`	`@include small-desktop {`
`352`	`358`	`height: 700px;`
`353`	`359`	`overflow-y: scroll;`
`354`	`360`	`}`
	`361`	`+ @media (min-width: 769px) and (max-width: 1024px) {`
	`362`	`+ min-width: 950px;`
	`363`	`+ }`
`355`	`364`	`}`
`356`	`365`	`}`
`357`	`366`	`/* End of Search */`