From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Fri, 30 Oct 2020 20:36:44 +0000 (+0100)
Subject: Fix color heights (#32023)
X-Git-Tag: v5.0.0-alpha3~64
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a108e2bbf821219a85d747fa2677cc9dde6432f1;p=thirdparty%2Fbootstrap.git

Fix color heights (#32023)
---

diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 7fe9f72001..1fd1e1a8b3 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -207,17 +207,20 @@ textarea {
 
 .form-control-color {
   max-width: 3rem;
+  height: auto; // Override fixed browser height
   padding: $input-padding-y;
 
   &:not(:disabled):not([readonly]) {
     cursor: pointer;
   }
-}
 
-.form-control-color::-moz-color-swatch {
-  @include border-radius($input-border-radius);
-}
+  &::-moz-color-swatch {
+    height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
+    @include border-radius($input-border-radius);
+  }
 
-.form-control-color::-webkit-color-swatch {
-  @include border-radius($input-border-radius);
+  &::-webkit-color-swatch {
+    height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
+    @include border-radius($input-border-radius);
+  }
 }