rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add a pre-loading screen cover

Browse Source 
This matches the loader color and exists to prevent a flash of unstyled
content when the page first loads and JS has not yet run.
This commit is contained in:
valadaptive
2023-12-14 22:05:16 -05:00
parent 332ab81524
commit 7897206cf8
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/loader.css
View File

@ -1,4 +1,4 @@
#loader { #loader, #preloader {
position: fixed; position: fixed;
margin: 0; margin: 0;
padding: 0; padding: 0;

1
public/index.html
View File

@ -91,6 +91,7 @@
</head> </head>
<body class="no-blur"> <body class="no-blur">
<div id="preloader"></div>
<div id="bg_custom"></div> <div id="bg_custom"></div>
<div id="bg1"></div> <div id="bg1"></div>
<div id="character_context_menu" class="hidden"> <div id="character_context_menu" class="hidden">

3
public/script.js
View File

@ -266,8 +266,9 @@ export {
countOccurrences, countOccurrences,
}; };
// Cohee: Uncomment when we decide to use loader
showLoader(); showLoader();
// Yoink preloader entirely; it only exists to cover up unstyled content while loading JS
document.getElementById('preloader').remove();
// Allow target="_blank" in links // Allow target="_blank" in links
DOMPurify.addHook('afterSanitizeAttributes', function (node) { DOMPurify.addHook('afterSanitizeAttributes', function (node) {