Merge pull request from aviraldg/feature-pretty-placeholder

Prettier, animated placeholder :D
This commit is contained in:
Matthew Hodgson 2016-03-30 01:28:34 +01:00
commit 8603dd4bb4
1 changed files with 29 additions and 2 deletions
src/skins/vector/css/matrix-react-sdk/structures

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 {