root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Fix no-label checkboxes/radios 

Because we use `position: absolute` on our inputs, when there’s no
label the `.checkbox` ends up having no computed height. To avoid
rendering errors when there’s no label text, we reset the `position` to
`static` for normal rendering.
This commit is contained in:
Mark Otto 2015-04-29 12:01:57 -07:00
parent ed89be1f44
commit d31ec33908
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scss/_forms.scss
View File

@ -179,12 +179,15 @@
margin-bottom: ($spacer * .75); margin-bottom: ($spacer * .75);
label { label {
// Ensure the input doesn't jump when there is no text
min-height: $line-height-computed;
padding-left: 1.25rem; padding-left: 1.25rem;
margin-bottom: 0; margin-bottom: 0;
font-weight: normal; font-weight: normal;
cursor: pointer; cursor: pointer;
// When there's no labels, don't position the input.
input:only-child {
position: static;
}
} }
} }
.radio input[type="radio"], .radio input[type="radio"],