diff options
| author | Julien Déramond <[email protected]> | 2022-04-13 03:53:17 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-04-12 18:53:17 -0700 |
| commit | 7ff974b4ce51a5dd5485d62264b9de9842ea2b58 (patch) | |
| tree | 5b29b8278255c77915a5b60d6d3c5d220d81162b | |
| parent | 3984ebb4073a2a9f0b922ab196f3d85600c30c7f (diff) | |
| download | bootstrap-7ff974b4ce51a5dd5485d62264b9de9842ea2b58.tar.xz bootstrap-7ff974b4ce51a5dd5485d62264b9de9842ea2b58.zip | |
Fix space between popover's arrow and triggering element (#35976)
* Fix margin between popover arrow and triggering element
* Oups-use .25 increment for bundlewatch
Co-authored-by: Mark Otto <[email protected]>
| -rw-r--r-- | scss/_popover.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/scss/_popover.scss b/scss/_popover.scss index d43f4b0e4..cc8023e9c 100644 --- a/scss/_popover.scss +++ b/scss/_popover.scss @@ -9,6 +9,7 @@ --#{$prefix}popover-border-width: #{$popover-border-width}; --#{$prefix}popover-border-color: #{$popover-border-color}; --#{$prefix}popover-border-radius: #{$popover-border-radius}; + --#{$prefix}popover-inner-border-radius: #{$popover-inner-border-radius}; --#{$prefix}popover-box-shadow: #{$popover-box-shadow}; --#{$prefix}popover-header-padding-x: #{$popover-header-padding-x}; --#{$prefix}popover-header-padding-y: #{$popover-header-padding-y}; @@ -57,7 +58,7 @@ .bs-popover-top { > .popover-arrow { - bottom: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + bottom: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list &::before, &::after { @@ -79,7 +80,7 @@ /* rtl:begin:ignore */ .bs-popover-end { > .popover-arrow { - left: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + left: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}popover-arrow-height); height: var(--#{$prefix}popover-arrow-width); @@ -104,7 +105,7 @@ .bs-popover-bottom { > .popover-arrow { - top: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + top: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list &::before, &::after { @@ -138,7 +139,7 @@ /* rtl:begin:ignore */ .bs-popover-start { > .popover-arrow { - right: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + right: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}popover-arrow-height); height: var(--#{$prefix}popover-arrow-width); @@ -184,7 +185,7 @@ color: var(--#{$prefix}popover-header-color); background-color: var(--#{$prefix}popover-header-bg); border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color); - @include border-top-radius($popover-inner-border-radius); + @include border-top-radius(var(--#{$prefix}popover-inner-border-radius)); &:empty { display: none; |