mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 07:35:55 +08:00
Cleaner boot data
This commit is contained in:
parent
3f801cb762
commit
62b6a1513c
|
@ -27,34 +27,7 @@ body {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.e-spinner {
|
||||
margin: 5px auto 0;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.e-spinner div {
|
||||
animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
background-color: var(--loading-color, #000);
|
||||
border-radius: 100%;
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
display: inline-block;
|
||||
height: 15px;
|
||||
margin: 0 5px;
|
||||
width: 15px;
|
||||
/* Prevent first frame from flickering when animation starts */
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.e-spinner div + div {
|
||||
animation-delay: 0.16s;
|
||||
}
|
||||
|
||||
.e-spinner div + div + div {
|
||||
animation-delay: 0.32s;
|
||||
}
|
||||
|
||||
@keyframes bouncedelay {
|
||||
0%, 80%, 100% { transform: scale(0.0); }
|
||||
40% { transform: scale(1.0); }
|
||||
#rl-loading .icon-spinner {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
|
|
@ -186,7 +186,5 @@
|
|||
}
|
||||
|
||||
html.rl-started-trigger .LoginView {
|
||||
/*transform: scale(1.1);*/
|
||||
transform: translateY(-20px);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
|
11
dev/boot.js
11
dev/boot.js
|
@ -9,6 +9,8 @@ const
|
|||
css = eId('css'),
|
||||
admin = app && '1' == app.dataset.admin,
|
||||
|
||||
cb = () => rl.app.bootstart(),
|
||||
|
||||
showError = msg => {
|
||||
let div = eId('loading-error');
|
||||
div.append(' ' + msg);
|
||||
|
@ -30,14 +32,14 @@ const
|
|||
});
|
||||
};
|
||||
|
||||
if (!navigator || !navigator.cookieEnabled) {
|
||||
if (!navigator.cookieEnabled) {
|
||||
doc.location.href = './?/NoCookie';
|
||||
}
|
||||
|
||||
let layout = doc.cookie.match(/(^|;) ?rllayout=([^;]+)/) || '';
|
||||
doc.documentElement.classList.toggle('rl-mobile', 'mobile' === layout[2] || (!layout && 1000 > innerWidth));
|
||||
let RL_APP_DATA = {},
|
||||
layout = doc.cookie.match(/(^|;) ?rllayout=([^;]+)/) || '';
|
||||
|
||||
let RL_APP_DATA = {};
|
||||
doc.documentElement.classList.toggle('rl-mobile', 'mobile' === layout[2] || (!layout && 1000 > innerWidth));
|
||||
|
||||
win.rl = {
|
||||
adminArea: () => admin,
|
||||
|
@ -51,7 +53,6 @@ win.rl = {
|
|||
doc.title = RL_APP_DATA.Title ? (title ? title + ' - ' : '') + RL_APP_DATA.Title : (title ? '' + title : ''),
|
||||
|
||||
initData: appData => {
|
||||
const cb = () => rl.app.bootstart();
|
||||
RL_APP_DATA = appData;
|
||||
loadScript(appData.StaticLibJsLink)
|
||||
.then(() => loadScript(appData.StaticAppJsLink))
|
||||
|
|
|
@ -22,11 +22,7 @@
|
|||
<body id="rl-app" data-admin='{{BaseAppAdmin}}'>
|
||||
<div id="rl-loading">
|
||||
<div id="rl-loading-desc">{{LoadingDescriptionEsc}}</div>
|
||||
<div class="e-spinner">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<i class="icon-spinner"></i>
|
||||
</div>
|
||||
<div id="rl-loading-error" hidden="">An error occurred.<br>Please refresh the page and try again.</div>
|
||||
<div id="rl-content" hidden="">
|
||||
|
|
Loading…
Reference in a new issue