fix(select): change windows border colors for selects to match input

references #5787
ionic-team · Mar 9, 2016 · 6063932 · 6063932
1 parent 4e37524
commit 6063932
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/ionic/components/input/input.wp.scss b/ionic/components/input/input.wp.scss
@@ -71,9 +71,14 @@ ion-input.ng-invalid.ng-touched .text-input {
 
 .item-label-stacked ion-select,
 .item-label-floating ion-select {
-  padding-left: 0;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+
+  .select-icon {
+    margin-top: 5px;
+  }
 }
 
 .item-label-floating .text-input.cloned-input {

diff --git a/ionic/components/select/select.wp.scss b/ionic/components/select/select.wp.scss
@@ -10,7 +10,7 @@ $select-wp-padding-bottom:      ($item-wp-padding-bottom / 2) !default;
 $select-wp-padding-left:        ($item-wp-padding-left / 2) !default;
 
 $select-wp-border-width:        2px !default;
-$select-wp-border-color:        #B5B5B5 !default;
+$select-wp-border-color:        $input-wp-border-color !default;
 
 $select-wp-icon-width:          18px !default;
 $select-wp-icon-arrow-width:    2px !default;
@@ -20,6 +20,7 @@ $select-wp-icon-color:          $select-wp-border-color !default;
 ion-select {
   padding: $select-wp-padding-top $select-wp-padding-right $select-wp-padding-bottom $select-wp-padding-left;
   border: $select-wp-border-width solid $select-wp-border-color;
+  line-height: 3rem;
 }
 
 .item-select ion-label {