feat: improve lift interaction

emilkowalski · Nov 3, 2024 · 9aecbb5 · 9aecbb5
1 parent 0c5fab4
commit 9aecbb5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -664,7 +664,7 @@ const Toaster = forwardRef<HTMLElement, ToasterProps>(function Toaster(props, re
             data-sonner-toaster
             data-theme={actualTheme}
             data-y-position={y}
-            data-expanded={expanded}
+            data-lifted={expanded && toasts.length > 1 && !expand}
             data-x-position={x}
             style={
               {

diff --git a/src/styles.css b/src/styles.css
@@ -51,7 +51,7 @@
   transition: transform 400ms ease;
 }
 
-:where([data-sonner-toaster][data-expanded='true']) {
+:where([data-sonner-toaster][data-lifted='true']) {
   transform: translateY(-10px);
 }