Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

add glow animation for pending reactions

Browse source
This commit is contained in:
Bruno Windels 2021-06-04 16:32:35 +02:00
parent 33655ee37e
commit 47e74bd598
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/platform/web/ui/css/themes/element/timeline.css
View file

@ -236,6 +236,19 @@ only loads when the top comes into view*/
border-color: #0DBD8B; 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 { .AnnouncementView {
margin: 5px 0; margin: 5px 0;
padding: 5px 10%; padding: 5px 10%;
@ -255,4 +268,4 @@ only loads when the top comes into view*/
.Timeline_messageBody a { .Timeline_messageBody a {
word-break: break-all; word-break: break-all;
} }