mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-10 19:57:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed floating label focused size

Browse Source
This commit is contained in:
Kevin Ross 2015-11-17 15:43:00 -06:00
parent c4700eb561
commit 54a4313a25
10 changed files with 30 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
bootstrap-elements.html
View File

@ -1940,18 +1940,23 @@
</div>
</div>
<div class="form-group">
<label for="select" class="col-lg-2 control-label">Selects</label>
<label for="select111" class="col-lg-2 control-label">Select</label>
<div class="col-lg-10">
<select class="form-control" id="select">
<select id="select111" class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<br>
<select multiple="" class="form-control">
</div>
</div>
<div class="form-group">
<label for="select222" class="col-lg-2 control-label">Select Multiple</label>
<div class="col-lg-10">
<select id="select222" multiple="" class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>

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

@ -24369,6 +24369,8 @@ fieldset[disabled] .form-control {
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
top: -30px;
font-size: 12px;
line-height: 1.07142857;
}
.form-group.form-group-sm {
margin: 21px 0 0 0;
@ -24404,6 +24406,8 @@ fieldset[disabled] .form-control {
.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 {
top: -25px;
font-size: 9px;
line-height: 1.125;
}
.form-group.form-group-lg {
margin: 30px 0 0 0;
@ -24439,6 +24443,8 @@ fieldset[disabled] .form-control {
.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 {
top: -32px;
font-size: 14px;
line-height: 0.99999998;
}
.form-group .help-block {
position: absolute;

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

6
dist/css/material.css vendored
View File

@ -5483,6 +5483,8 @@ fieldset[disabled] .form-control {
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
top: -30px;
font-size: 12px;
line-height: 1.07142857;
}
.form-group.form-group-sm {
margin: 21px 0 0 0;
@ -5518,6 +5520,8 @@ fieldset[disabled] .form-control {
.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 {
top: -25px;
font-size: 9px;
line-height: 1.125;
}
.form-group.form-group-lg {
margin: 30px 0 0 0;
@ -5553,6 +5557,8 @@ fieldset[disabled] .form-control {
.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 {
top: -32px;
font-size: 14px;
line-height: 0.99999998;
}
.form-group .help-block {
position: absolute;

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

3
less/_inputs.less
View File

@ -117,6 +117,9 @@
&.label-floating:not(.is-empty) {
label.control-label {
top: @label-top;
// must repeat because the selector above is more specific than the general label sizing
font-size: @static-font-size;
line-height: @static-line-height;
}
}
}