diff --git a/frontend/src/lib/lemon-ui/Popover/Popover.scss b/frontend/src/lib/lemon-ui/Popover/Popover.scss index 87631816e68f7..81f793100297d 100644 --- a/frontend/src/lib/lemon-ui/Popover/Popover.scss +++ b/frontend/src/lib/lemon-ui/Popover/Popover.scss @@ -24,7 +24,7 @@ .Popover__box { position: relative; // For arrow - transition: opacity 100ms ease, transform 100ms ease; + transition: opacity 50ms ease, transform 50ms ease; transform-origin: top; box-shadow: var(--shadow-elevation); background: var(--bg-light); @@ -75,21 +75,22 @@ } .Popover[data-placement^='bottom'] & { - transform: rotateX(-12deg); + transform: rotateX(-6deg); } .Popover[data-placement^='top'] & { - transform: rotateX(12deg); + transform: rotateX(6deg); } .Popover[data-placement^='left'] & { - transform: rotateY(-12deg); + transform: rotateY(-6deg); } .Popover[data-placement^='right'] & { - transform: rotateY(12deg); + transform: rotateY(6deg); } + .Popover.Popover--enter-active &, .Popover.Popover--enter-done & { opacity: 1; transform: none; diff --git a/frontend/src/lib/lemon-ui/Popover/Popover.tsx b/frontend/src/lib/lemon-ui/Popover/Popover.tsx index cec6c54b546c1..2081fac8edb85 100644 --- a/frontend/src/lib/lemon-ui/Popover/Popover.tsx +++ b/frontend/src/lib/lemon-ui/Popover/Popover.tsx @@ -210,7 +210,7 @@ export const Popover = React.forwardRef(function P )} - +