Skip to content

Commit 6063932

Browse files
committed
fix(select): change windows border colors for selects to match input
references #5787
1 parent 4e37524 commit 6063932

File tree

2 files changed

+10
-4
lines changed

2 files changed

+10
-4
lines changed

ionic/components/input/input.wp.scss

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -71,9 +71,14 @@ ion-input.ng-invalid.ng-touched .text-input {
7171

7272
.item-label-stacked ion-select,
7373
.item-label-floating ion-select {
74-
padding-left: 0;
75-
padding-top: 8px;
76-
padding-bottom: 8px;
74+
padding-top: 0;
75+
padding-bottom: 0;
76+
margin-top: 8px;
77+
margin-bottom: 8px;
78+
79+
.select-icon {
80+
margin-top: 5px;
81+
}
7782
}
7883

7984
.item-label-floating .text-input.cloned-input {

ionic/components/select/select.wp.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ $select-wp-padding-bottom: ($item-wp-padding-bottom / 2) !default;
1010
$select-wp-padding-left: ($item-wp-padding-left / 2) !default;
1111

1212
$select-wp-border-width: 2px !default;
13-
$select-wp-border-color: #B5B5B5 !default;
13+
$select-wp-border-color: $input-wp-border-color !default;
1414

1515
$select-wp-icon-width: 18px !default;
1616
$select-wp-icon-arrow-width: 2px !default;
@@ -20,6 +20,7 @@ $select-wp-icon-color: $select-wp-border-color !default;
2020
ion-select {
2121
padding: $select-wp-padding-top $select-wp-padding-right $select-wp-padding-bottom $select-wp-padding-left;
2222
border: $select-wp-border-width solid $select-wp-border-color;
23+
line-height: 3rem;
2324
}
2425

2526
.item-select ion-label {

0 commit comments

Comments
 (0)