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

Fix double blur on preloader

Browse Source
This commit is contained in:
Cohee
2024-07-04 01:41:21 +03:00
parent ea768661e8
commit aef879ced0
2 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/loader.css
View File

@ -10,8 +10,6 @@
width: 100svw; width: 100svw;
height: 100svh; height: 100svh;
background-color: var(--SmartThemeBlurTintColor); background-color: var(--SmartThemeBlurTintColor);
/*for some reason the full screen blur does not work on iOS*/
backdrop-filter: blur(30px);
color: var(--SmartThemeBodyColor); color: var(--SmartThemeBodyColor);
opacity: 1; opacity: 1;
} }

4
public/scripts/loader.js
View File

@ -1,7 +1,5 @@
import { POPUP_RESULT, POPUP_TYPE, Popup } from './popup.js'; import { POPUP_RESULT, POPUP_TYPE, Popup } from './popup.js';
const ELEMENT_ID = 'loader';
/** @type {Popup} */ /** @type {Popup} */
let loaderPopup; let loaderPopup;
@ -31,7 +29,7 @@ export async function hideLoader() {
return new Promise((resolve) => { return new Promise((resolve) => {
// Spinner blurs/fades out // Spinner blurs/fades out
$('#load-spinner').on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function () { $('#load-spinner').on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function () {
$(`#${ELEMENT_ID}`).remove(); $('#loader').remove();
// Yoink preloader entirely; it only exists to cover up unstyled content while loading JS // Yoink preloader entirely; it only exists to cover up unstyled content while loading JS
// If it's present, we remove it once and then it's gone. // If it's present, we remove it once and then it's gone.
yoinkPreloader(); yoinkPreloader();