fix: chromatic

sbb-design-systems · Dec 19, 2023 · f30bb00 · f30bb00
1 parent c6984bd
commit f30bb00
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/dialog/dialog.scss b/src/components/dialog/dialog.scss
@@ -267,7 +267,7 @@
   // In order to improve the header transition on mobile (especially iOS) we use
   // a combination of the transform and margin properties on touch devices,
   // while on desktop we use just the margin-block for a better transition of the visible scrollbar.
-  @include sbb.hover-mq($hover: true) {
+  @include sbb.mq($from: medium) {
     transform: unset;
     margin-block: var(--sbb-dialog-header-margin-block-start) 0;
     transition: margin var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);

diff --git a/src/components/dialog/dialog.stories.ts b/src/components/dialog/dialog.stories.ts
@@ -33,6 +33,7 @@ const playStory = async ({ canvasElement }): Promise<void> => {
 
   const button = canvas.getByTestId('dialog-trigger');
   await userEvent.click(button);
+  await new Promise((resolve) => setTimeout(resolve, 2000));
 };
 
 const titleContent: InputType = {