fix: issue with tooltip not centered in with all parent elements (#3399)

db-ui · Nov 5, 2024 · 7941ab5 · 7941ab5
1 parent eae31d0
commit 7941ab5
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 1 deletion.
diff --git a/...refox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/...refox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png
diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss
@@ -12,6 +12,7 @@ $tooltip-arrow-shadow-size: variables.$db-sizing-2xs;
 	--default-card-border-radius: #{variables.$db-border-radius-xs};
 
 	@extend %db-overwrite-font-size-sm;
+	@extend %popover-center;
 	@extend %default-popover;
 
 	background-color: colors.$db-adaptive-bg-basic-level-1-default;

diff --git a/packages/components/src/styles/_popover-component.scss b/packages/components/src/styles/_popover-component.scss
@@ -7,7 +7,6 @@ $popover-gap-size: var(--db-popover-distance);
 $popover-inset: calc(100% + #{$popover-gap-size} * var(--db-popover-gap, 0));
 $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 
-// use this for popover but not for tooltip
 %popover-center {
 	&:not([data-placement]),
 	&[data-placement="bottom"]:not([data-outside-vy]),