Simplify custom file inner height for generated browse button

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index a60c4a45cb9936f49dad6ac41cbbc155c23b0ea9..cd75d8b4472eb7abbd3ad7b29a82f8fe8ff576b4 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -286,7 +286,7 @@
     bottom: 0;
     z-index: 3;
     display: block;
-    height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+    height: $custom-file-height-inner;
     padding: $custom-file-padding-y $custom-file-padding-x;
     line-height: $custom-file-line-height;
     color: $custom-file-button-color;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 896201a2c7fdb79c174c0b26ec642441249b306d..73451a090829a7efba37adbb00a2ba177d1083a7 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -526,6 +526,7 @@ $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-s
 $custom-range-thumb-active-bg:        lighten($component-active-bg, 35%) !default;
 
 $custom-file-height:                $input-height !default;
+$custom-file-height-inner:          $input-height-inner !default;
 $custom-file-focus-border-color:    $input-focus-border-color !default;
 $custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;