kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Fixes #13548: Use position: absolute; to fix checkbox and radio line-height problems that were introduced after #13003

This commit is contained in:
Mark Otto 2014-06-10 20:50:58 -07:00
parent c0e82accad
commit 631e04b6fc
6 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dist/css/bootstrap.css vendored
View File

@ -2401,6 +2401,7 @@ input[type="month"].input-lg {
} }
.radio, .radio,
.checkbox { .checkbox {
position: relative;
display: block; display: block;
min-height: 20px; min-height: 20px;
margin-top: 10px; margin-top: 10px;
@ -2417,7 +2418,8 @@ input[type="month"].input-lg {
.radio-inline input[type="radio"], .radio-inline input[type="radio"],
.checkbox input[type="checkbox"], .checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { .checkbox-inline input[type="checkbox"] {
float: left; position: absolute;
margin-top: 4px \9;
margin-left: -20px; margin-left: -20px;
} }
.radio + .radio, .radio + .radio,

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

5
less/forms.less
View File

@ -206,6 +206,7 @@ input[type="month"] {
.radio, .radio,
.checkbox { .checkbox {
position: relative;
display: block; display: block;
min-height: @line-height-computed; // clear the floating input if there is no label text min-height: @line-height-computed; // clear the floating input if there is no label text
margin-top: 10px; margin-top: 10px;
@ -222,9 +223,11 @@ input[type="month"] {
.radio-inline input[type="radio"], .radio-inline input[type="radio"],
.checkbox input[type="checkbox"], .checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { .checkbox-inline input[type="checkbox"] {
float: left; position: absolute;
margin-left: -20px; margin-left: -20px;
margin-top: 4px \9;
} }
.radio + .radio, .radio + .radio,
.checkbox + .checkbox { .checkbox + .checkbox {
margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing