From: Andrew Luca Date: Wed, 17 Jan 2018 23:30:42 +0000 (+0200) Subject: Fix input height border (#25331) X-Git-Tag: v4.0.0~11 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4c96f58e31b4f6aa40b4027384c8c52476fd8c68;p=thirdparty%2Fbootstrap.git Fix input height border (#25331) When changing `$input-border-width`, `$input-height-border` does not change and `select.form-control` `custom-select` `custom-file` will still have `$input-height` which is resolved from `$input-btn-border-width` This will work in cases when want controls with border, and buttons without. Temporary fix will be to override 2 variables ``` $input-border-width: 2px !default; // which is // $input-height-border: $input-btn-border-width * 2 !default; $input-height-border: $input-border-width * 2 !default; ``` --- diff --git a/scss/_variables.scss b/scss/_variables.scss index 24e1417729..be580deb33 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -412,7 +412,7 @@ $input-focus-box-shadow: $input-btn-focus-box-shadow !default; $input-placeholder-color: $gray-600 !default; -$input-height-border: $input-btn-border-width * 2 !default; +$input-height-border: $input-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;