From b3b78b058fc1c307ff029eb1dccf9aa84456bff3 Mon Sep 17 00:00:00 2001
From: Chris Holland <chrishollandaise@gmail.com>
Date: Fri, 18 Oct 2024 16:53:01 -0700
Subject: [PATCH] fix: odd pushdown effect after drag/drop

Apparently when you set your own css-transition properties, it'll cause this known visual bug for react-beautiful-dnd.

See https://github.com/atlassian/react-beautiful-dnd/issues/2086 for more info about this
---
 .../EditCourseStructure/DraggableElements/ActivityElement.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/components/Dashboard/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx b/apps/web/components/Dashboard/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx
index 10a4593b..83471570 100644
--- a/apps/web/components/Dashboard/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx
+++ b/apps/web/components/Dashboard/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx
@@ -110,7 +110,7 @@ function ActivityElement(props: ActivitiyElementProps) {
     >
       {(provided, snapshot) => (
         <div
-          className="flex flex-row py-2 my-2 w-full rounded-md bg-gray-50 text-gray-500 hover:bg-gray-100 hover:scale-102 hover:shadow space-x-1 items-center ring-1 ring-inset ring-gray-400/10 shadow-sm transition-all delay-100 duration-75 ease-linear"
+          className="flex flex-row py-2 my-2 w-full rounded-md bg-gray-50 text-gray-500 hover:bg-gray-100 hover:scale-102 hover:shadow space-x-1 items-center ring-1 ring-inset ring-gray-400/10 shadow-sm"
           key={props.activity.id}
           {...provided.draggableProps}
           {...provided.dragHandleProps}