From 1421ca5b8790df8b29f555bda4b495852137773a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2016 14:32:56 -0700 Subject: [PATCH] Add a min-height: 1.5rem; to custom controls Fixes #20730. This change computes the minimum needed height of what a single line of text would be for the custom checkboxes/radios. This is required because our custom control indicators are positioned absolutely, meaning they cannot be clearfixed or anything like that. Using a computed value means it should scale nicely in case of customization --- scss/_custom-forms.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index e74f5c744a..5880f2cdc0 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -12,6 +12,7 @@ .custom-control { position: relative; display: inline-block; + min-height: (1rem * $line-height-base); padding-left: $custom-control-gutter; cursor: pointer;