From: Mark Otto <markdotto@gmail.com>
Date: Thu, 27 Oct 2016 21:32:56 +0000 (-0700)
Subject: Add a min-height: 1.5rem; to custom controls
X-Git-Tag: v4.0.0-alpha.6~481^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1421ca5b8790df8b29f555bda4b495852137773a;p=thirdparty%2Fbootstrap.git

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
---

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;