Skip to content
GitLab
Commit 728f5792 authored by Patrick Yeo's avatar Patrick Yeo Committed by Mark Otto
Browse files

Form Validation `.valid-feedback` and `.valid-tooltip` are unstyled (#23527)

parent acaa6d6f
6 merge requests!28721Hot test,!27561Adds font-weight-medium to font weight classes,!25494web pack,!25326Adjust examples,!23207#22402 : modal: new autofocus & keyboardBtnNav options,!17021v4
Hide whitespace changes
Inline Side-by-side
Showing
with 22 additions and 22 deletions
+22 -22
scss/_forms.scss
+ 0
- 22
View file @ 728f5792
...@@ -258,28 +258,6 @@ select.form-control-lg { ...@@ -258,28 +258,6 @@ select.form-control-lg {
// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
// server side validation. // server side validation.
.invalid-feedback {
display: none;
margin-top: .25rem;
font-size: .875rem;
color: $form-feedback-invalid-color;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
width: 250px;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba($form-feedback-invalid-color,.8);
border-radius: .2rem;
}
@include form-validation-state("valid", $form-feedback-valid-color); @include form-validation-state("valid", $form-feedback-valid-color);
@include form-validation-state("invalid", $form-feedback-invalid-color); @include form-validation-state("invalid", $form-feedback-invalid-color);
......
scss/mixins/_forms.scss
+ 22
- 0
View file @ 728f5792
...@@ -23,6 +23,28 @@ ...@@ -23,6 +23,28 @@
@mixin form-validation-state($state, $color) { @mixin form-validation-state($state, $color) {
.#{$state}-feedback {
display: none;
margin-top: .25rem;
font-size: .875rem;
color: $color;
}
.#{$state}-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
width: 250px;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba($color,.8);
border-radius: .2rem;
}
.form-control, .form-control,
.custom-select { .custom-select {
.was-validated &:#{$state}, .was-validated &:#{$state},
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment