forked from matrix/element-web
Merge pull request #1292 from aviraldg/feature-pretty-placeholder
Prettier, animated placeholder :D
This commit is contained in:
commit
8603dd4bb4
src/skins/vector/css/matrix-react-sdk/structures
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue