diff --git a/www/file/file.less b/www/file/file.less
index 03271f379..1e4db2cd1 100644
--- a/www/file/file.less
+++ b/www/file/file.less
@@ -18,13 +18,16 @@ body {
}
#app {
flex: 1;
- background: url('/customize/bg3.jpg') no-repeat center center;
- background-size: cover;
- background-position: center;
display: flex;
justify-content: center;
align-items: center;
}
+
+#app.ready {
+ background: url('/customize/bg3.jpg') no-repeat center center;
+ background-size: cover;
+ background-position: center;
+}
.cryptpad-toolbar {
padding: 0px;
display: inline-block;
diff --git a/www/file/index.html b/www/file/index.html
index 52e872b81..a76879a6d 100644
--- a/www/file/index.html
+++ b/www/file/index.html
@@ -4,7 +4,7 @@
CryptPad
-
+
diff --git a/www/file/inner.js b/www/file/inner.js
index cd38bd0aa..4be0b8483 100644
--- a/www/file/inner.js
+++ b/www/file/inner.js
@@ -7,4 +7,8 @@ define([
'less!/customize/src/less/toolbar.less',
], function ($) {
$('.loading-hidden').removeClass('loading-hidden');
+ // dirty hack to get rid the flash of the lock background
+ setTimeout(function () {
+ $('#app').addClass('ready');
+ }, 100);
});