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 9 additions and 4 deletions

View file

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

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

View file

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