From 34135879a8e34aed8d8ef87d0aa0fc6f5b7ddbea Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Wed, 27 Aug 2025 12:38:29 +0000
Subject: [PATCH] Merged in fix/SW-3289-open-side-peek-from-side-mobile (pull
 request #2717)

fix(SW-3289): sidepeek opens from side on mobile

* fix(SW-3289): sidepeek opens from side on mobile


Approved-by: Anton Gunnarsson
---
 .../sidePeekSelfControlled.module.css         | 28 ++++---------------
 1 file changed, 5 insertions(+), 23 deletions(-)

diff --git a/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css b/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css
index 78955278e..a2266c2c6 100644
--- a/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css
+++ b/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css
@@ -12,14 +12,12 @@
   }
 }
 
-@keyframes slide-up {
-  from {
-    top: 100vh;
-  }
+.modal[data-entering] {
+  animation: slide-in 250ms;
+}
 
-  to {
-    top: 0;
-  }
+.modal[data-exiting] {
+  animation: slide-in 250ms reverse;
 }
 
 .overlay {
@@ -41,14 +39,6 @@
   outline: none;
 }
 
-.modal[data-entering] {
-  animation: slide-up 300ms;
-}
-
-.modal[data-exiting] {
-  animation: slide-up 300ms reverse;
-}
-
 .dialog {
   height: 100%;
   outline: none;
@@ -88,12 +78,4 @@
     width: var(--sidepeek-desktop-width);
     height: 100vh;
   }
-
-  .modal[data-entering] {
-    animation: slide-in 250ms;
-  }
-
-  .modal[data-exiting] {
-    animation: slide-in 250ms reverse;
-  }
 }