hide unstyled content until the loading screen is displayed

This commit is contained in:
ansuz 2017-06-29 10:49:35 +02:00
parent c53ebe3598
commit fca1ef4d36
8 changed files with 21 additions and 9 deletions

View File

@ -31,8 +31,9 @@
<script src="/bower_components/codemirror/addon/fold/comment-fold.js"></script>
<script src="/bower_components/codemirror/addon/display/placeholder.js"></script>
<script data-bootload="inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
<style> .loading-hidden { display: none; } </style>
</head>
<body>
<body class="loading-hidden">
<div id="cme_toolbox" class="toolbar-container"></div>
<div id="editorContainer">
<textarea id="editor1" name="editor1"></textarea>

View File

@ -1,5 +1,8 @@
define([
'jquery',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/code/code.less',
'less!/customize/src/less/toolbar.less',
], function () {});
], function ($) {
$('.loading-hidden').removeClass('loading-hidden');
});

View File

@ -5,7 +5,7 @@
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script data-bootload="/drive/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
</head>
<body>
<body style="display: none;">
<div id="toolbar" class="toolbar-container"></div>
<div class="app-container" tabindex="0">
<div id="tree">

View File

@ -2774,6 +2774,7 @@ define([
Cryptpad.onDisplayNameChanged(setName);
};
var onReady = function () {
APP.$iframe.find('body').css('display', '');
module.files = proxy;
if (!proxy.drive || typeof(proxy.drive) !== 'object') { proxy.drive = {}; }
migrateAnonDrive(proxy, function () {

View File

@ -4,8 +4,9 @@
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script data-bootload="/file/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
<style>.loading-hidden, .loading-hidden * {display: none !important;}</style>
</head>
<body>
<body class="loading-hidden">
<div id="toolbar" class="toolbar-container"></div>
<div id="app">
<div id="upload-form" style="display: none;">

View File

@ -1,7 +1,10 @@
define([
'jquery',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'less!/file/file.less',
'less!/customize/src/less/cryptpad.less',
'less!/customize/src/less/toolbar.less',
], function () {});
], function ($) {
$('.loading-hidden').removeClass('loading-hidden');
});

View File

@ -4,7 +4,6 @@
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/customize/main.css">
<link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/codemirror/lib/codemirror.js"></script>
@ -36,8 +35,9 @@
<script src="/bower_components/codemirror/addon/display/placeholder.js"></script>
<script data-bootload="inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
<style>.loading-hidden { display: none; } </style>
</head>
<body>
<body class="loading-hidden">
<div id="bar"></div>
<!-- <textarea></textarea>-->
<div id="cme_toolbox" class="toolbar-container"></div>

View File

@ -1,5 +1,8 @@
define([
'less!/slide/slide.less',
'jquery',
'less!/customize/src/less/toolbar.less',
'less!/customize/src/less/cryptpad.less',
], function () {});
'less!/slide/slide.less',
], function ($) {
$('.loading-hidden').removeClass('loading-hidden');
});