Fixes #13003: Move padding on radio and checkbox options from the surrounding div to the label to remove the no-click deadzone caused by negative margin

This commit is contained in:
Mark Otto 2014-03-10 16:41:56 -07:00
parent ac8db909c5
commit a83ca38713
10 changed files with 13 additions and 11 deletions

View file

@ -3099,14 +3099,14 @@ input[type="date"].input-lg {
.checkbox {
display: block;
min-height: 20px;
padding-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
display: inline;
padding-right: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}

File diff suppressed because one or more lines are too long

View file

@ -2388,13 +2388,13 @@ input[type="date"].input-lg {
.checkbox {
display: block;
min-height: 20px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
display: inline;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}

Binary file not shown.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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

@ -204,9 +204,11 @@ input[type="date"] {
min-height: @line-height-computed; // clear the floating input if there is no label text
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
label {
display: inline;
// display: inline;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}