Use CSS to remove the loading screen

This commit is contained in:
yflory
2017-12-21 18:21:10 +01:00
parent a26031c119
commit fa6106a6bb
3 changed files with 18 additions and 2 deletions

View File

@@ -434,7 +434,8 @@ define([
var hideLogo = config.hideLogo;
var $loading, $container;
if ($('#' + LOADING).length) {
$loading = $('#' + LOADING).show();
$loading = $('#' + LOADING); //.show();
$loading.removeClass('cp-loading-hidden');
if (loadingText) {
$('#' + LOADING).find('p').text(loadingText);
}
@@ -465,7 +466,8 @@ define([
// This test is created in sframe-boot2.js
if (Test.__ASYNC_BLOCKER__) { Test.__ASYNC_BLOCKER__.pass(); }
$('#' + LOADING).fadeOut(750, cb);
$('#' + LOADING).addClass("cp-loading-hidden");
//$('#' + LOADING).fadeOut(750, cb);
var $tip = $('#cp-loading-tip').css('top', '')
// loading.less sets transition-delay: $wait-time
// and transition: opacity $fadeout-time

View File

@@ -1,6 +1,8 @@
define([], function () {
var loadingStyle = (function(){/*
#cp-loading {
transition: opacity 0.75s, visibility 0s 0.75s;
visibility: visible;
position: fixed;
z-index: 10000000;
top: 0px;
@@ -11,6 +13,11 @@ define([], function () {
color: #fafafa;
text-align: center;
font-size: 1.5em;
opacity: 1;
}
#cp-loading.cp-loading-hidden {
opacity: 0;
visibility: hidden;
}
#cp-loading .cp-loading-container {
margin-top: 50vh;