Fix reaction animations

2026-09-22 19:15:08 +03:00 · 2025-10-06 14:58:44 +03:00
parent 9540c88d5a
commit 23ea0f73c4
2 changed files with 30 additions and 5 deletions
@@ -9,6 +9,7 @@
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px;
+    animation: messageReactionsFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }

 .reaction-button {
@@ -221,6 +222,18 @@
 }

 // Animation for reactions appearing/disappearing
+@keyframes messageReactionsFadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
@keyframes reactionFadeIn {
    from {
        opacity: 0;