mirror of
https://github.com/vector-im/hydrogen-web.git
synced 2024-12-23 19:45:05 +01:00
add glow animation for pending reactions
This commit is contained in:
parent
33655ee37e
commit
47e74bd598
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user