fix(FEC-6922): added arrow to native select boxes in mobile (#37)

kaltura · Sep 6, 2017 · ed43a4b · ed43a4b
1 parent d427b81
commit ed43a4b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/styles/_inputs.scss b/src/styles/_inputs.scss
@@ -65,8 +65,12 @@ select {
   font-family: $font-family;
   color: #fff;
   -webkit-appearance: none;
-  background: none;
   border: 0;
+  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' viewBox='0 0 1024 1024'><path d='M301.255 338.745c-24.994-24.994-65.516-24.994-90.51 0s-24.994 65.516 0 90.51l256 256c24.994 24.994 65.516 24.994 90.51 0l256-256c24.994-24.994 24.994-65.516 0-90.51s-65.516-24.994-90.51 0l-210.745 210.745-210.745-210.745z' /></svg>") no-repeat;
+  background-size: 16px;
+  background-position: 100% center;
+  background-repeat: no-repeat;
+  padding-right: 24px;
 }
 
 .checkbox {