diff options
| author | kyletsang <[email protected]> | 2023-02-28 23:32:58 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2023-03-25 12:22:15 -0700 |
| commit | d533e6f33de2a26a0b7bf5a577eb5c120e51face (patch) | |
| tree | d30e7e4fbef4b312bc42b64df9969692b88432a5 | |
| parent | 208ba3d7488495f7ea1129d0ebaf1576bc58a272 (diff) | |
| download | bootstrap-d533e6f33de2a26a0b7bf5a577eb5c120e51face.tar.xz bootstrap-d533e6f33de2a26a0b7bf5a577eb5c120e51face.zip | |
Fix tooltip body placement with variation placements
| -rw-r--r-- | js/src/tooltip.js | 2 | ||||
| -rw-r--r-- | scss/_tooltip.scss | 9 |
2 files changed, 5 insertions, 6 deletions
diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 87511edef..ff1db974f 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -62,7 +62,7 @@ const Default = { delay: 0, fallbackPlacements: ['top', 'right', 'bottom', 'left'], html: false, - offset: [0, 0], + offset: [0, 6], placement: 'top', popperConfig: null, sanitize: true, diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index 7da3df3e0..85de90f53 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -17,7 +17,6 @@ z-index: var(--#{$prefix}tooltip-zindex); display: block; - padding: var(--#{$prefix}tooltip-arrow-height); margin: var(--#{$prefix}tooltip-margin); @include deprecate("`$tooltip-margin`", "v5", "v5.x", true); // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. @@ -45,7 +44,7 @@ } .bs-tooltip-top .tooltip-arrow { - bottom: 0; + bottom: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list &::before { top: -1px; @@ -56,7 +55,7 @@ /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow { - left: 0; + left: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}tooltip-arrow-height); height: var(--#{$prefix}tooltip-arrow-width); @@ -70,7 +69,7 @@ /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow { - top: 0; + top: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list &::before { bottom: -1px; @@ -81,7 +80,7 @@ /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow { - right: 0; + right: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}tooltip-arrow-height); height: var(--#{$prefix}tooltip-arrow-width); |