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

md text inputs

Browse Source
This commit is contained in:
Adam Bradley
2015-09-03 16:02:50 -05:00
parent 70076f350c
commit b9edec8955
12 changed files with 51 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/text-input/modes/ios.scss
View File

@ -11,7 +11,7 @@ ion-card[mode=ios] {
padding: 0;
}
.item-input[inset] .text-input {
ion-input[inset] .text-input {
margin: ($item-ios-padding-top / 2) $item-ios-padding-right ($item-ios-padding-bottom / 2) $item-ios-padding-left;
padding: ($item-ios-padding-top / 2) ($item-ios-padding-right / 2) ($item-ios-padding-bottom / 2) ($item-ios-padding-left / 2);
}

10
ionic/components/text-input/modes/material.scss
View File

@ -11,7 +11,7 @@ ion-card[mode=md] {
padding: 0;
}
.item-input[inset] .text-input {
ion-input[inset] .text-input {
margin: ($item-md-padding-top / 2) $item-md-padding-right ($item-md-padding-bottom / 2) $item-md-padding-left;
padding: ($item-md-padding-top / 2) ($item-md-padding-right / 2) ($item-md-padding-bottom / 2) ($item-md-padding-left / 2);
}
@ -20,4 +20,12 @@ ion-card[mode=md] {
margin: $item-md-padding-top ($item-md-padding-right / 2) $item-md-padding-bottom ($item-md-padding-left / 2);
}
ion-input.has-focus:after {
border-top: 2px solid blue;
}
ion-input.has-focus + ion-input:before {
border-top-color: blue;
}
}