gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Prettier, animated placeholder :D

This commit is contained in:
Aviral Dasgupta 2016-03-28 19:32:04 +05:30
parent 2462ede539
commit 6c5b4a298b
1 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css
View File

@ -14,9 +14,36 @@
text-align: center;
}
.mx_RoomStatusBar_placeholderIndicator {
color: #4a4a4a;
.mx_RoomStatusBar_placeholderIndicator span {
color: #333;
opacity: 0.5;
position: relative;
animation-duration: 1s;
animation-name: bounce;
animation-direction: alternate;
animation-iteration-count: infinite;
}
.mx_RoomStatusBar_placeholderIndicator span:nth-child(1) {
animation-delay: 0.3s;
}
.mx_RoomStatusBar_placeholderIndicator span:nth-child(2) {
animation-delay: 0.6s;
}
.mx_RoomStatusBar_placeholderIndicator span:nth-child(3) {
animation-delay: 0.9s;
}
@keyframes bounce {
from {
opacity: 0.5;
top: 0;
}
to {
opacity: 1;
top: -6px;
}
}
.mx_RoomStatusBar_scrollDownIndicator {