fix: popover no animation (#3392)

* fix: popover no animation * refactor: recreated screenshots * refactor: recreated screenshots --------- Co-authored-by: Maximilian Franzke <[email protected]> Co-authored-by: Maximilian <[email protected]>
db-ui · Oct 31, 2024 · 1507399 · 1507399
1 parent 59e1810
commit 1507399
Show file tree

Hide file tree

Showing 10 changed files with 4 additions and 0 deletions.
diff --git a/...s__/popover/component/chromium/DBPopover-after-open-should-match-screenshot.png b/...s__/popover/component/chromium/DBPopover-after-open-should-match-screenshot.png
diff --git a/...ts__/popover/component/firefox/DBPopover-after-open-should-match-screenshot.png b/...ts__/popover/component/firefox/DBPopover-after-open-should-match-screenshot.png
diff --git a/...opover/component/mobile-chrome/DBPopover-after-open-should-match-screenshot.png b/...opover/component/mobile-chrome/DBPopover-after-open-should-match-screenshot.png
diff --git a/...trast/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/...trast/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
diff --git a/...omium/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/...omium/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
diff --git a/...refox/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/...refox/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
diff --git a/...hrome/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/...hrome/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
diff --git a/...afari/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/...afari/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
diff --git a/...ebkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/...ebkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
diff --git a/packages/components/src/styles/_popover-component.scss b/packages/components/src/styles/_popover-component.scss
@@ -135,6 +135,10 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 @mixin get-popover-show() {
 	&[data-animation="disabled"] {
 		opacity: 1;
+		transform: translate(
+			var(--db-popover-center-x, 0),
+			var(--db-popover-center-y, 0)
+		);
 	}
 
 	@media screen and (prefers-reduced-motion: no-preference) {