mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/bootstrap.css
Vendored
+3 -1
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,
dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
less/forms.less
+4 -1
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