add glow animation for pending reactions

This commit is contained in:
Bruno Windels 2021-06-04 16:32:35 +02:00
parent 33655ee37e
commit 47e74bd598

View File

@ -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;
}
}