1 files changed, 48 insertions, 5 deletions
diff --git a/src/client/views/nodes/trails/SlideEffect.tsx b/src/client/views/nodes/trails/SlideEffect.tsx
index 20ff4b0b9..bd667b925 100644
--- a/src/client/views/nodes/trails/SlideEffect.tsx
+++ b/src/client/views/nodes/trails/SlideEffect.tsx
@@ -180,12 +180,55 @@ export default function SpringAnimation({ doc, delay, dir, friction, tension, ma
         },
     };
 
+    // only left and right for now
+    const getRollConfigFrom = () => {
+        switch (dir) {
+            case PresEffectDirection.Left:
+                return {
+                    from: {
+                        opacity: 0,
+                        x: -100,
+                        y: -120,
+                    },
+                };
+            case PresEffectDirection.Right:
+                return {
+                    from: {
+                        opacity: 0,
+                        x: 100,
+                        y: -120,
+                    },
+                };
+            case PresEffectDirection.Top:
+                return {
+                    from: {
+                        opacity: 0,
+                        x: -100,
+                        y: -120,
+                    },
+                };
+            case PresEffectDirection.Bottom:
+                return {
+                    from: {
+                        opacity: 0,
+                        x: -100,
+                        y: -120,
+                    },
+                };
+            default:
+                // no movement for center
+                return {
+                    from: {
+                        opacity: 0,
+                        x: 0,
+                        y: 0,
+                    },
+                };
+        }
+    };
+
     const rollConfig = {
-        from: {
-            opacity: 0,
-            x: -100,
-            y: -120,
-        },
+        ...getRollConfigFrom(),
         to: {
             opacity: 1,
             x: 0,