diff options
author | Julien Déramond <julien.deramond@orange.com> | 2022-04-13 04:53:17 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-04-13 04:53:17 +0300 |
commit | 7ff974b4ce51a5dd5485d62264b9de9842ea2b58 (patch) | |
tree | 5b29b8278255c77915a5b60d6d3c5d220d81162b | |
parent | 3984ebb4073a2a9f0b922ab196f3d85600c30c7f (diff) |
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 <markd.otto@gmail.com>
-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 d43f4b0e46..cc8023e9c1 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; |