From 6020d94c3aa97e7e9f61fb215b54c267b925e51a Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Sat, 22 Jan 2022 17:13:06 +0100
Subject: [PATCH] fix: changed anim name

---
 src/components/common/messaging/bars/ReplyBar.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/components/common/messaging/bars/ReplyBar.tsx b/src/components/common/messaging/bars/ReplyBar.tsx
index 56474906..7fe55e20 100644
--- a/src/components/common/messaging/bars/ReplyBar.tsx
+++ b/src/components/common/messaging/bars/ReplyBar.tsx
@@ -29,7 +29,7 @@ interface Props {
 }
 
 const Base = styled.div`
-    @keyframes bounce-from-bottom {
+    @keyframes bottomBounce {
         0% {
             transform: translateY(33px);
         }
@@ -43,16 +43,8 @@ const Base = styled.div`
     padding: 0 20px;
     user-select: none;
     align-items: center;
-    /*background: var(--message-box);*/
     background: var(--secondary-background);
-
-    /*animation: fadeIn 5s;*/
-
-    animation-name: bounce-from-bottom;
-    animation-duration: 340ms;
-    animation-delay: 0ms;
-    animation-timing-function: cubic-bezier(0.2, 0.9, 0.5, 1.16);
-    animation-fill-mode: forwards;
+    animation: bottomBounce 340ms cubic-bezier(0.2, 0.9, 0.5, 1.16) forwards;
 
     > div {
         flex-grow: 1;