mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-04-19 08:32:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix bug #1278 - reverts lineheight to default 1.5 and uses padding to control layout.

Browse Source
This commit is contained in:
David O'Dey 2018-02-19 13:41:12 -07:00
parent 74bbccf97f
commit 8fd8c79635
3 changed files with 34 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
assets/css/docs.css
View File

@ -10,7 +10,7 @@
font-weight: normal; }
/*!
* Bootstrap v4.1.0 (https://getbootstrap.com)
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
@ -10150,6 +10150,11 @@ fieldset[disabled][disabled] .has-danger .form-control, fieldset[disabled][disab
.bmd-form-group label,
.bmd-form-group input::placeholder {
line-height: 1; }
.bmd-form-group input.form-control, .bmd-form-group input.custom-file-control,
.bmd-form-group input.form-control::placeholder,
.bmd-form-group input.custom-file-control::placeholder {
padding: 0.28125rem 0;
line-height: 1.5; }
.bmd-form-group .radio label,
.bmd-form-group label.radio-inline,
.bmd-form-group .checkbox label,
@ -10204,6 +10209,11 @@ fieldset[disabled][disabled] .has-danger .form-control, fieldset[disabled][disab
.bmd-form-group.bmd-form-group-sm label,
.bmd-form-group.bmd-form-group-sm input::placeholder {
line-height: 1; }
.bmd-form-group.bmd-form-group-sm input.form-control, .bmd-form-group.bmd-form-group-sm input.custom-file-control,
.bmd-form-group.bmd-form-group-sm input.form-control::placeholder,
.bmd-form-group.bmd-form-group-sm input.custom-file-control::placeholder {
padding: 0.28125rem 0;
line-height: 1.5; }
.bmd-form-group.bmd-form-group-sm .radio label,
.bmd-form-group.bmd-form-group-sm label.radio-inline,
.bmd-form-group.bmd-form-group-sm .checkbox label,
@ -10258,6 +10268,11 @@ fieldset[disabled][disabled] .has-danger .form-control, fieldset[disabled][disab
.bmd-form-group.bmd-form-group-lg label,
.bmd-form-group.bmd-form-group-lg input::placeholder {
line-height: 1; }
.bmd-form-group.bmd-form-group-lg input.form-control, .bmd-form-group.bmd-form-group-lg input.custom-file-control,
.bmd-form-group.bmd-form-group-lg input.form-control::placeholder,
.bmd-form-group.bmd-form-group-lg input.custom-file-control::placeholder {
padding: 0.28125rem 0;
line-height: 1.5; }
.bmd-form-group.bmd-form-group-lg .radio label,
.bmd-form-group.bmd-form-group-lg label.radio-inline,
.bmd-form-group.bmd-form-group-lg .checkbox label,
@ -10312,6 +10327,12 @@ label,
input::placeholder {
line-height: 1; }
input.form-control, input.custom-file-control,
input.form-control::placeholder,
input.custom-file-control::placeholder {
padding: 0.28125rem 0;
line-height: 1.5; }
.radio label,
label.radio-inline,
.checkbox label,

4
assets/css/docs.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
scss/mixins/_forms.scss
View File

@ -240,6 +240,16 @@
line-height: $variant-line-height;
}
// ^ changing the default line-height to 1 cuts the bottom of the input text off in firefox
// this is a known problem in firefox and its recommended to use the default line-height
// and use padding to control the layout. doing this also keeps the computed style height consistent
// across browsers
input.form-control,
input.form-control::placeholder {
padding:0.28125rem 0;
line-height:1.5;
}
.radio label,
label.radio-inline,
.checkbox label,