the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-02-03 04:27:59 +08:00
Code Issues Projects Releases Packages Wiki Activity

Cleanup boot loading bouncer

Browse source
This commit is contained in:
djmaze 2021-04-29 15:14:26 +02:00
parent 89b52b512f
commit 032e71448b
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
dev/Styles/@Boot.css
View file

@ -33,7 +33,7 @@ body {
text-align: center;
}
.e-spinner .e-bounce {
.e-spinner div {
animation: bouncedelay 1.4s infinite ease-in-out;
background-color: var(--loading-color, #000);
border-radius: 100%;
@ -46,12 +46,12 @@ body {
animation-fill-mode: both;
}
.e-spinner .bounce1 {
animation-delay: -0.32s;
.e-spinner div + div {
animation-delay: 0.16s;
}
.e-spinner .bounce2 {
animation-delay: -0.16s;
.e-spinner div + div + div {
animation-delay: 0.32s;
}
@keyframes bouncedelay {

6
snappymail/v/0.0.0/app/templates/Index.html
View file

@ -25,9 +25,9 @@
<div id="rl-loading">
<div id="rl-loading-desc">{{LoadingDescriptionEsc}}</div>
<div class="e-spinner">
<div class="e-bounce bounce1"></div>
<div class="e-bounce bounce2"></div>
<div class="e-bounce bounce3"></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div id="rl-loading-error" hidden="">An error occurred.<br>Please refresh the page and try again.</div>