Fix form validation tooltip alignment (#31557)
* Fix form validation tooltip alignment * Remove CSS hacks * Update _forms.scss Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com> Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
parent
23cf931c7f
commit
71e5b7ca2b
1 changed files with 7 additions and 0 deletions
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue