Skip to content

Commit

Permalink
Fix style of floating label and (Chromes) autofill
Browse files Browse the repository at this point in the history
Selector was using .input, which imho doesn't make any sense here. 

When (chromes) autofill feature happened, the label should have the same style as when the input if filled.
  • Loading branch information
zhongdeliu authored Apr 3, 2018
1 parent f8a3c0d commit d2abf21
Showing 1 changed file with 1 addition and 5 deletions.
6 changes: 1 addition & 5 deletions src/app/components/inputtext/inputtext.css
Original file line number Diff line number Diff line change
Expand Up @@ -95,14 +95,10 @@
}

.ui-float-label > input:focus ~ label,
.ui-float-label > input:-webkit-autofill ~ label,
.ui-float-label > input.ui-state-filled ~ label,
.ui-float-label > .ui-inputwrapper-focus ~ label,
.ui-float-label > .ui-inputwrapper-filled ~ label {
top:-.75em;
font-size:12px;
}

.ui-float-label > .input:-webkit-autofill ~ label {
top:-20px;
font-size:12px;
}

0 comments on commit d2abf21

Please sign in to comment.