Commit 631e04b6 authored by Mark Otto's avatar Mark Otto
Browse files

Fixes #13548: Use position: absolute; to fix checkbox and radio line-height...

Fixes #13548: Use position: absolute; to fix checkbox and radio line-height problems that were introduced after #13003
parent c0e82acc
Showing with 9 additions and 4 deletions
+9 -4
...@@ -2401,6 +2401,7 @@ input[type="month"].input-lg { ...@@ -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 { ...@@ -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,
......
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
This source diff could not be displayed because it is too large. You can view the blob instead.
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -206,6 +206,7 @@ input[type="month"] { ...@@ -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"] { ...@@ -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
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment