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 +}