From d31ec3390813d06e7df6f45b7459ce0e71a62937 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 29 Apr 2015 12:01:57 -0700 Subject: [PATCH] Fix no-label checkboxes/radios MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- scss/_forms.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/scss/_forms.scss b/scss/_forms.scss index 671be46fb9..78ca70295f 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -179,12 +179,15 @@ margin-bottom: ($spacer * .75); label { - // Ensure the input doesn't jump when there is no text - min-height: $line-height-computed; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; cursor: pointer; + + // When there's no labels, don't position the input. + input:only-child { + position: static; + } } } .radio input[type="radio"],