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 /scss/_tooltip.scss | |
| parent | 208ba3d7488495f7ea1129d0ebaf1576bc58a272 (diff) | |
| download | bootstrap-d533e6f33de2a26a0b7bf5a577eb5c120e51face.tar.xz bootstrap-d533e6f33de2a26a0b7bf5a577eb5c120e51face.zip | |
Fix tooltip body placement with variation placements
Diffstat (limited to 'scss/_tooltip.scss')
| -rw-r--r-- | scss/_tooltip.scss | 9 |
1 files changed, 4 insertions, 5 deletions
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); |