Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
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; text-align: center;
} }
.e-spinner .e-bounce { .e-spinner div {
animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;
background-color: var(--loading-color, #000); background-color: var(--loading-color, #000);
border-radius: 100%; border-radius: 100%;
@ -46,12 +46,12 @@ body {
animation-fill-mode: both; animation-fill-mode: both;
} }
.e-spinner .bounce1 { .e-spinner div + div {
animation-delay: -0.32s; animation-delay: 0.16s;
} }
.e-spinner .bounce2 { .e-spinner div + div + div {
animation-delay: -0.16s; animation-delay: 0.32s;
} }
@keyframes bouncedelay { @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">
<div id="rl-loading-desc">{{LoadingDescriptionEsc}}</div> <div id="rl-loading-desc">{{LoadingDescriptionEsc}}</div>
<div class="e-spinner"> <div class="e-spinner">
<div class="e-bounce bounce1"></div> <div></div>
<div class="e-bounce bounce2"></div> <div></div>
<div class="e-bounce bounce3"></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> <div id="rl-loading-error" hidden="">An error occurred.<br>Please refresh the page and try again.</div>