fix(widgets): add 300px width for the default SearchBox (#1803)

algolia · Jan 4, 2017 · bf5d791 · bf5d791
1 parent 0abe2f5
commit bf5d791
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/react-instantsearch-theme-algolia/styles/_RefinementList.scss b/packages/react-instantsearch-theme-algolia/styles/_RefinementList.scss
@@ -66,6 +66,11 @@
 .ais-RefinementList__itemCheckboxSelected{
 }
 
+.ais-RefinementList__SearchBox .ais-SearchBox__root{
+  @extends .ais-SearchBox__root;
+  width: 100%;
+}
+
 .ais-RefinementList__SearchBox input.ais-SearchBox__input[type="search"]{
   @extends input.ais-SearchBox__input[type="search"];
   background: url("data:image/svg+xml;utf8,<svg viewBox=\'0 0 18 18\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M12.5 11h-.79l-.28-.27C12.41 9.59 13 8.11 13 6.5 13 2.91 10.09 0 6.5 0S0 2.91 0 6.5 2.91 13 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z\' fill=\'%23BFC7D8\' fill-rule=\'evenodd\'/></svg>")no-repeat center left 5px / 18px;

diff --git a/packages/react-instantsearch-theme-algolia/styles/_SearchBox.scss b/packages/react-instantsearch-theme-algolia/styles/_SearchBox.scss
@@ -1,4 +1,5 @@
 .ais-SearchBox__root {
+  width: 300px;
   * {
     // outline: 1px solid rgba(red, 0.3)
   }