Update Animations.css

Elisniper · Mar 18, 2024 · 39e8e8d · 39e8e8d
1 parent e1ec766
commit 39e8e8d
Showing 1 changed file with 20 additions and 17 deletions.
diff --git a/Addons/Animations.css b/Addons/Animations.css
@@ -1,28 +1,15 @@
-/*Context Menu START*/
+/* Keyframes */
 @keyframes context-new {
     0% {
         transform: scale(1, 0.8); 
     } 
 }
-.menu_dc52c6#guild-context, .menu_dc52c6#user-context, .menu_dc52c6#channel-context, .menu_dc52c6#message, .menu_dc52c6#guild-browse-channels-context-menu, 
-.menu_dc52c6#message-actions {
-    animation: opacity 50ms ease, context-new 240ms cubic-bezier(0, 0, 0, 1);
-    transform-origin: top;
-}
-
-/*Add friend Animation */
 @keyframes add-friend {
     from {
         transform: translate(0, -8px); 
     } 
 }
-.header__6113c {
-    border-bottom: 0;
-    animation: 150ms ease, add-friend 250ms cubic-bezier(0,0,0,1);
-}
-
-/* User controls activity animation */
-@keyframes user-controls-activitys-swing-in {
+@keyframes swing-in-bottom {
     0% {
         transform: rotateX(100deg);
         transform-origin: bottom;
@@ -34,9 +21,25 @@
         opacity: 1;
     }
 }
+/*---------------------------------------------------------------------------------------*/
+
+/* Context Menu START*/
+.menu_dc52c6#guild-context, .menu_dc52c6#user-context, .menu_dc52c6#channel-context, .menu_dc52c6#message, .menu_dc52c6#guild-browse-channels-context-menu, 
+.menu_dc52c6#message-actions {
+    animation: opacity 50ms ease, context-new 240ms cubic-bezier(0, 0, 0, 1);
+    transform-origin: top;
+}
+
+/* Add friend Animation */
+.header__6113c {
+    border-bottom: 0;
+    animation: 150ms ease, add-friend 250ms cubic-bezier(0,0,0,1);
+}
+
+/* User controls activity animation */
 .panels__58331 .activityPanel__22355 {
-    animation: user-controls-activitys-swing-in 400ms ease-in-out both;
+    animation: swing-in-bottom 400ms ease-in-out both;
 }
 .container_d667ff {
-    animation: user-controls-activitys-swing-in 200ms ease-in-out both;
+    animation: swing-in-bottom 200ms ease-in-out both;
 }