OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

Prettier, animated placeholder :D
pull/1332/head
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;
}
.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 {