style(menuSelect): apply select theme (#2462)

* style(menuSelect): apply select theme * fix(select): apply manually vendor prefixes
algolia · Oct 9, 2017 · 94bcdce · 94bcdce
1 parent 05d14b3
commit 94bcdce
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/css/theme/_base.scss b/src/css/theme/_base.scss
@@ -14,6 +14,7 @@
 @import 'star-rating';
 @import 'stats';
 @import 'toggle';
+@import 'menu-select';
 
 [class^=ais-] {
   box-sizing: border-box;

diff --git a/src/css/theme/_hits-per-page.scss b/src/css/theme/_hits-per-page.scss
@@ -1,5 +1,8 @@
 select.ais-hits-per-page-selector {
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
+
   background: $white url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'><path d='M11 1L6.02 6 1 1' stroke-width='1.5' stroke='%23BFC7D8' fill='none' fill-rule='evenodd' stroke-linecap='round'/></svg>") no-repeat center right 16px/10px;
   box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2) !important;
   border: solid 1px #D4D8E3 !important;

diff --git a/src/css/theme/_menu-select.scss b/src/css/theme/_menu-select.scss
@@ -0,0 +1,3 @@
+select.ais-menu-select--select {
+  @extend select.ais-hits-per-page-selector;
+}