hide body during startup to reduce flicker

This commit is contained in:
zadam 2020-05-21 09:42:25 +02:00
parent 32dde426fd
commit 08dbf90a8c
3 changed files with 15 additions and 6 deletions

View file

@ -5,7 +5,7 @@
<driver-ref>sqlite.xerial</driver-ref>
<synchronize>true</synchronize>
<jdbc-driver>org.sqlite.JDBC</jdbc-driver>
<jdbc-url>jdbc:sqlite:$PROJECT_DIR$/../trilium-data/document.db</jdbc-url>
<jdbc-url>jdbc:sqlite:$USER_HOME$/trilium-data/document.db</jdbc-url>
</data-source>
</component>
</project>

View file

@ -38,7 +38,7 @@
"electron-window-state": "5.0.3",
"express": "4.17.1",
"express-session": "1.17.1",
"file-type": "14.4.0",
"file-type": "14.5.0",
"fs-extra": "9.0.0",
"helmet": "3.22.0",
"html": "1.0.0",
@ -52,14 +52,14 @@
"imagemin-pngquant": "8.0.0",
"ini": "1.3.5",
"is-svg": "4.2.1",
"jimp": "0.12.0",
"jimp": "0.12.1",
"mime-types": "2.1.27",
"multer": "1.4.2",
"node-abi": "2.16.0",
"node-abi": "2.17.0",
"open": "7.0.4",
"portscanner": "2.2.0",
"rand-token": "1.0.1",
"rcedit": "2.1.1",
"rcedit": "2.2.0",
"rimraf": "3.0.2",
"sanitize-filename": "1.6.3",
"sax": "1.2.4",
@ -80,7 +80,7 @@
},
"devDependencies": {
"electron": "9.0.0",
"electron-builder": "22.6.0",
"electron-builder": "22.6.1",
"electron-packager": "14.2.1",
"electron-rebuild": "1.11.0",
"jasmine": "^3.5.0",

View file

@ -8,6 +8,11 @@
<body class="desktop theme-<%= theme %>" style="--main-font-size: <%= mainFontSize %>%; --tree-font-size: <%= treeFontSize %>%; --detail-font-size: <%= detailFontSize %>%;">
<noscript>Trilium requires JavaScript to be enabled.</noscript>
<script>
// hide body to reduce flickering on the startup. This is done through JS and not CSS to not hide <noscript>
document.getElementsByTagName("body")[0].style.display = "none";
</script>
<div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
<div class="dropdown-menu dropdown-menu-sm" id="context-menu-container"></div>
@ -78,6 +83,10 @@
<link href="stylesheets/style.css" rel="stylesheet">
<link href="stylesheets/detail.css" rel="stylesheet">
<script>
$("body").show();
</script>
<script src="app/desktop.js" crossorigin type="module"></script>
<link rel="stylesheet" type="text/css" href="libraries/boxicons/css/boxicons.min.css">