From cd87e94b0efa4465ab62e867f9a66bb7c2ffc895 Mon Sep 17 00:00:00 2001
From: vednoc <vednoc@protonmail.com>
Date: Mon, 26 Oct 2020 13:06:51 +0100
Subject: [PATCH] refactor: fix formatting for 'typing...' animation

Seems like `@keyframes` get put on the very end when compiling, so this
workaround prevents that from happening, and now that both animations
for compact mode and emojis are in one area.
---
 wa.user.styl | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/wa.user.styl b/wa.user.styl
index ba73e95..14690d2 100644
--- a/wa.user.styl
+++ b/wa.user.styl
@@ -938,9 +938,11 @@ OM = _omsg
     }
 
     // Animation for 'Typing...' indicator.
-    @keyframes pulse {
-        40% { opacity: 0 }
-        80% { opacity: 1 }
+    if (compact_mode) {
+        @keyframes aBorder {
+            40% { opacity: 0 }
+            80% { opacity: 1 }
+        }
     }
 
     // Feat -> Animate emojis.
@@ -1882,7 +1884,7 @@ OM = _omsg
                             width: 53px i
                             rad: var(--r-avatars) i
                             box-shadow: inset 0 0 0 3px b40 i
-                            animation: 2s pulse infinite i
+                            animation: 2s aBorder infinite i
 
                             /// Fix RTL layout.
                             /[dir = 'RTL'] & { left: 62px i }