javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-26 08:13:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
references #5787
This commit is contained in:
Brandy Carney
2016-03-09 16:21:33 -05:00
parent 4e375242c6
commit 6063932455
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/input/input.wp.scss
View File

@ -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 {

3
ionic/components/select/select.wp.scss
View File

@ -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 {