From 4db520bedb7f67876fb48caff3ac2064a3428bb4 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Sat, 17 Aug 2019 15:12:08 +0200 Subject: [PATCH] Don't bind validation to form controls --- scss/mixins/_forms.scss | 37 +++++++------------------------------ 1 file changed, 7 insertions(+), 30 deletions(-) diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index bdb656ffe8..67136bcdb4 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -63,6 +63,13 @@ @include border-radius($form-feedback-tooltip-border-radius); } + @include form-validation-state-selector($state) { + ~ .#{$state}-feedback, + ~ .#{$state}-tooltip { + display: block; + } + } + .form-control { @include form-validation-state-selector($state) { border-color: $color; @@ -79,11 +86,6 @@ border-color: $color; box-shadow: 0 0 0 $input-focus-width rgba($color, .25); } - - ~ .#{$state}-feedback, - ~ .#{$state}-tooltip { - display: block; - } } } @@ -110,21 +112,6 @@ border-color: $color; box-shadow: 0 0 0 $input-focus-width rgba($color, .25); } - - ~ .#{$state}-feedback, - ~ .#{$state}-tooltip { - display: block; - } - } - } - - - .form-control-file { - @include form-validation-state-selector($state) { - ~ .#{$state}-feedback, - ~ .#{$state}-tooltip { - display: block; - } } } @@ -143,11 +130,6 @@ ~ .form-check-label { color: $color; } - - ~ .#{$state}-feedback, - ~ .#{$state}-tooltip { - display: block; - } } } .form-check-inline .form-check-input { @@ -163,11 +145,6 @@ border-color: $color; } - ~ .#{$state}-feedback, - ~ .#{$state}-tooltip { - display: block; - } - &:focus { ~ .form-file-label { border-color: $color;