diff options
| author | Mark Otto <[email protected]> | 2018-01-02 21:57:56 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2018-01-02 21:57:56 -0800 |
| commit | 460849ddcdb9f39b71c2992d9ea34346db66e7d6 (patch) | |
| tree | 84bb01fce381db551542bedc1a18237e6c9f44bf /scss | |
| parent | d66875d0e6500d90dc49cc5a7df8a82dcf383b8a (diff) | |
| download | bootstrap-460849ddcdb9f39b71c2992d9ea34346db66e7d6.tar.xz bootstrap-460849ddcdb9f39b71c2992d9ea34346db66e7d6.zip | |
Validation tooltip example (#25143)
* Add additional form validation examples
Fixes #24811.
This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs.
* Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element
* update ids
* finish docs paragraph, mention position: relative
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/mixins/_forms.scss | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index d25df182d..627e0dc82 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -27,7 +27,6 @@ @mixin form-validation-state($state, $color) { - .#{$state}-feedback { display: none; width: 100%; @@ -41,7 +40,7 @@ top: 100%; z-index: 5; display: none; - width: 250px; + max-width: 100%; // Contain to parent when possible padding: .5rem; margin-top: .1rem; font-size: .875rem; |