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

Merge pull request #1292 from aviraldg/feature-pretty-placeholder 

Prettier, animated placeholder :D
This commit is contained in:
Matthew Hodgson 2016-03-30 01:28:34 +01:00
parent 212a070a02 6c5b4a298b
commit 8603dd4bb4
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; text-align: center;
} }
.mx_RoomStatusBar_placeholderIndicator { .mx_RoomStatusBar_placeholderIndicator span {
color: #4a4a4a; color: #333;
opacity: 0.5; 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 { .mx_RoomStatusBar_scrollDownIndicator {