mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-29 04:54:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Solves #559 - https://github.com/FezVrasta/bootstrap-material-design/issues/559#issuecomment-158114338

Browse Source
This commit is contained in:
Kevin Ross 2015-11-19 11:07:47 -06:00
parent 20e2de04d3
commit 755a202148
10 changed files with 50 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
dist/css/material-fullpalette.css vendored
View File

@ -25281,9 +25281,14 @@ fieldset[disabled] .form-group .form-control {
font-size: 16px;
line-height: 1.42857143;
}
.form-group.label-static ~ label.control-label,
.form-group.label-floating.is-focused ~ label.control-label,
.form-group.label-floating:not(.is-empty) ~ label.control-label,
.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label,
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-floating input.form-control:-webkit-autofill label.control-label {
top: -30px;
left: 0;
font-size: 12px;
@ -25319,9 +25324,14 @@ fieldset[disabled] .form-group .form-control {
font-size: 11px;
line-height: 1.5;
}
.form-group.form-group-sm.label-static ~ label.control-label,
.form-group.form-group-sm.label-floating.is-focused ~ label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) ~ label.control-label,
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label,
.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill label.control-label {
top: -25px;
left: 0;
font-size: 9px;
@ -25357,9 +25367,14 @@ fieldset[disabled] .form-group .form-control {
font-size: 18px;
line-height: 1.3333333;
}
.form-group.form-group-lg.label-static ~ label.control-label,
.form-group.form-group-lg.label-floating.is-focused ~ label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) ~ label.control-label,
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label,
.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill label.control-label {
top: -32px;
left: 0;
font-size: 14px;

2
dist/css/material-fullpalette.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-fullpalette.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-fullpalette.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

21
dist/css/material.css vendored
View File

@ -5597,9 +5597,14 @@ fieldset[disabled] .form-group .form-control {
font-size: 16px;
line-height: 1.42857143;
}
.form-group.label-static ~ label.control-label,
.form-group.label-floating.is-focused ~ label.control-label,
.form-group.label-floating:not(.is-empty) ~ label.control-label,
.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label,
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-floating input.form-control:-webkit-autofill label.control-label {
top: -30px;
left: 0;
font-size: 12px;
@ -5635,9 +5640,14 @@ fieldset[disabled] .form-group .form-control {
font-size: 11px;
line-height: 1.5;
}
.form-group.form-group-sm.label-static ~ label.control-label,
.form-group.form-group-sm.label-floating.is-focused ~ label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) ~ label.control-label,
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label,
.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill label.control-label {
top: -25px;
left: 0;
font-size: 9px;
@ -5673,9 +5683,14 @@ fieldset[disabled] .form-group .form-control {
font-size: 18px;
line-height: 1.3333333;
}
.form-group.form-group-lg.label-static ~ label.control-label,
.form-group.form-group-lg.label-floating.is-focused ~ label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) ~ label.control-label,
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label,
.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill label.control-label {
top: -32px;
left: 0;
font-size: 14px;

2
dist/css/material.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

6
less/_inputs.less
View File

@ -62,10 +62,12 @@
}
}
// static or focused floating labels
// static, focused, or autofill floating labels
&.label-static,
&.label-floating.is-focused,
&.label-floating:not(.is-empty) {
&.label-floating:not(.is-empty),
&.label-floating input.form-control:-webkit-autofill {
& ~ label.control-label, // #559 webkit chrome autofill `.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label`
label.control-label {
top: @label-top;
left: 0;

6
sass/_inputs.scss
View File

@ -65,10 +65,12 @@
}
}
// static or focused floating labels
// static, focused, or autofill floating labels
&.label-static,
&.label-floating.is-focused,
&.label-floating:not(.is-empty) {
&.label-floating:not(.is-empty),
&.label-floating input.form-control:-webkit-autofill {
& ~ label.control-label, // #559 webkit chrome autofill - input.form-control:-webkit-autofill ~ label.control-label
label.control-label {
top: $label-top;
left: 0;