Add disabled bg color to disabled custom file

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index de592a3ddc805ec88d8b61fac8d2f7bd9698aff4..5b75fcbf90763539b26f59d37d53404a206d9782 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -257,6 +257,10 @@
     }
   }
 
+  &:disabled ~ .custom-file-label {
+    background-color: $custom-file-disabled-bg;
+  }
+
   @each $lang, $value in $custom-file-text {
     &:lang(#{$lang}) ~ .custom-file-label::after {
       content: $value;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index be578ad8d2e23ba80ff67d21667a69cd2a5592f2..a3b2eb049444759576d4c034a1568c72f706968c 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -531,6 +531,7 @@ $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;
+$custom-file-disabled-bg:           $input-disabled-bg !default;
 
 $custom-file-padding-y:             $input-btn-padding-y !default;
 $custom-file-padding-x:             $input-btn-padding-x !default;