Add transitions back (#5160)

Simon-Initiative · Oct 3, 2024 · 50ddc97 · 50ddc97
1 parent ed87a6f
commit 50ddc97
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/lib/oli_web/live/workspaces/instructor/index_live.ex b/lib/oli_web/live/workspaces/instructor/index_live.ex
@@ -330,7 +330,7 @@ defmodule OliWeb.Workspaces.Instructor.IndexLive do
       phx-mounted={
         JS.transition(
           {"ease-out duration-300", "opacity-0 -translate-x-1/2", "opacity-100 translate-x-0"},
-          time: 300
+          time: if(@index < 6, do: 100 + @index * 20, else: 240)
         )
       }
       class="opacity-0 flex flex-col w-96 h-[500px] rounded-lg border-2 border-gray-700 transition-all overflow-hidden bg-white"

diff --git a/lib/oli_web/live/workspaces/student.ex b/lib/oli_web/live/workspaces/student.ex
@@ -256,7 +256,7 @@ defmodule OliWeb.Workspaces.Student do
                 JS.transition(
                   {"ease-out duration-300", "opacity-0 -translate-x-1/2",
                    "opacity-100 translate-x-0"},
-                  time: 300 + index * 60
+                  time: if(index < 6, do: 100 + index * 20, else: 240)
                 )
                 |> JS.remove_class("opacity-100 translate-x-0")
               }
@@ -309,7 +309,7 @@ defmodule OliWeb.Workspaces.Student do
       phx-mounted={
         JS.transition(
           {"ease-out duration-300", "opacity-0 -translate-x-1/2", "opacity-100 translate-x-0"},
-          time: 300
+          time: if(@index < 6, do: 100 + @index * 20, else: 240)
         )
       }
       class="opacity-0 flex flex-col w-96 h-[500px] rounded-lg border-2 border-gray-700 transition-all overflow-hidden bg-white"