From 47e74bd5981759ff67b0d20f7aa0ecac878c20fe Mon Sep 17 00:00:00 2001
From: Bruno Windels <bruno@windels.cloud>
Date: Fri, 4 Jun 2021 16:32:35 +0200
Subject: [PATCH] add glow animation for pending reactions

---
 .../web/ui/css/themes/element/timeline.css        | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css
index 03cae338..785dc1cc 100644
--- a/src/platform/web/ui/css/themes/element/timeline.css
+++ b/src/platform/web/ui/css/themes/element/timeline.css
@@ -236,6 +236,19 @@ only loads when the top comes into view*/
     border-color: #0DBD8B;
 }
 
+@keyframes glow-reaction-border {
+    0% {   border-color: #e9edf1; }
+    100% { border-color: #0DBD8B; }
+}
+
+.Timeline_messageReactions button.haveReacted.isPending {
+    animation-name: glow-reaction-border;
+    animation-duration: 1s;
+    animation-direction: alternate;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+}
+
 .AnnouncementView {
     margin: 5px 0;
     padding: 5px 10%;
@@ -255,4 +268,4 @@ only loads when the top comes into view*/
 
 .Timeline_messageBody a {
     word-break: break-all;
-}
\ No newline at end of file
+}