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

refactor(text-input): renamed some classes and removed some nesting

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-08 15:44:11 -05:00
parent 6a7f5fadc9
commit abc93bc355
6 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,8 +48,8 @@ ion-label + [text-input] {
transition: transform 150ms ease-in-out;
}
[floating-label].has-focus ion-label,
[floating-label].has-value ion-label {
[floating-label].input-focused ion-label,
[floating-label].input-has-value ion-label {
transform: translate3d(0, 0, 0) scale(0.8);
}

12
ionic/components/text-input/modes/md.scss
View File

@ -37,11 +37,11 @@ ion-input:after {
content: '';
}
ion-input.has-focus:after {
.input-focused:after {
border-bottom: 2px solid $text-input-md-highlight-color;
}
ion-input.ng-valid.has-value:after {
ion-input.ng-valid.input-has-value:after {
border-bottom: 2px solid $text-input-md-hightlight-color-valid;
}
@ -59,8 +59,8 @@ ion-input.ng-invalid.ng-touched:after {
margin-left: 0;
}
[stacked-label].has-focus ion-label,
[floating-label].has-focus ion-label {
[stacked-label].input-focused ion-label,
[floating-label].input-focused ion-label {
color: $text-input-md-highlight-color;
}
@ -78,8 +78,8 @@ ion-input.ng-invalid.ng-touched:after {
transition: transform 150ms ease-in-out;
}
[floating-label].has-focus ion-label,
[floating-label].has-value ion-label {
[floating-label].input-focused ion-label,
[floating-label].input-has-value ion-label {
transform: translate3d(0, 0, 0) scale(0.8);
}