#27112: fix border focus border color

e3c0b3d3 · Martijn Cuppens · Mark Otto · d1de8737 · e3c0b3d3 · e3c0b3d3
Commit e3c0b3d3 authored 6 years ago by Martijn Cuppens Committed by Mark Otto 6 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 7 deletions
+2 -7
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -258,10 +258,6 @@
  &:focus ~ .custom-file-label {
    border-color: $custom-file-focus-border-color;
    box-shadow: $custom-file-focus-box-shadow;
-
-    &::after {
-      border-color: $custom-file-focus-border-color;
-    }
  }

  &:disabled ~ .custom-file-label {
@@ -303,7 +299,7 @@
    color: $custom-file-button-color;
    content: "Browse";
    @include gradient-bg($custom-file-button-bg);
-    border-left: $custom-file-border-width solid $custom-file-border-color;
+    border-left: inherit;
    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
  }
 }

--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -180,8 +180,6 @@
    &.is-#{$state} {
      ~ .custom-file-label {
        border-color: $color;
-
-        &::after { border-color: inherit; }
      }

      ~ .#{$state}-feedback,
@@ -191,6 +189,7 @@

      &:focus {
        ~ .custom-file-label {
+          border-color: $color;
          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
        }
      }