diff options
| author | Adam Jones <[email protected]> | 2020-10-30 14:15:31 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-10-30 16:15:31 +0200 |
| commit | 71e5b7ca2b2950465903fa7d73489a154017537e (patch) | |
| tree | d539491c5e5aa8e9b9823d6b5f16721f913e6b94 | |
| parent | 23cf931c7fcf5a5013a269e7e50f9a4de841c2d9 (diff) | |
| download | bootstrap-71e5b7ca2b2950465903fa7d73489a154017537e.tar.xz bootstrap-71e5b7ca2b2950465903fa7d73489a154017537e.zip | |
Fix form validation tooltip alignment (#31557)
* Fix form validation tooltip alignment
* Remove CSS hacks
* Update _forms.scss
Co-authored-by: Gaël Poupard <[email protected]>
Co-authored-by: XhmikosR <[email protected]>
| -rw-r--r-- | scss/mixins/_forms.scss | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 39b52f3ca..6b65ad3f6 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -64,6 +64,13 @@ color: color-yiq($color); background-color: rgba($color, $form-feedback-tooltip-opacity); @include border-radius($form-feedback-tooltip-border-radius); + + // See https://github.com/twbs/bootstrap/pull/31557 + // Align tooltip to form elements + .form-row > .col > &, + .form-row > [class*="col-"] > & { + left: $form-grid-gutter-width / 2; + } } @include form-validation-state-selector($state) { |