Fix double blur on preloader

aef879ced0b99ca363356aa0fa511f1eeba7b3a9

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: ea768661e8ae5234a9c80f74c4480b49e942e7ef
2 files changed, +1 -5Showing whitespace changes
public/css/loader.css+0 -2
@@ -10,8 +10,6 @@
10 width: 100svw;10 width: 100svw;
11 height: 100svh;11 height: 100svh;
12 background-color: var(--SmartThemeBlurTintColor);12 background-color: var(--SmartThemeBlurTintColor);
13 /*for some reason the full screen blur does not work on iOS*/
14 backdrop-filter: blur(30px);
15 color: var(--SmartThemeBodyColor);13 color: var(--SmartThemeBodyColor);
16 opacity: 1;14 opacity: 1;
17}15}
public/scripts/loader.js+1 -3
@@ -1,7 +1,5 @@
1import { POPUP_RESULT, POPUP_TYPE, Popup } from './popup.js';1import { POPUP_RESULT, POPUP_TYPE, Popup } from './popup.js';
22
3const ELEMENT_ID = 'loader';
4
5/** @type {Popup} */3/** @type {Popup} */
6let loaderPopup;4let loaderPopup;
75
@@ -31,7 +29,7 @@ export async function hideLoader() {
31 return new Promise((resolve) => {29 return new Promise((resolve) => {
32 // Spinner blurs/fades out30 // Spinner blurs/fades out
33 $('#load-spinner').on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function () {31 $('#load-spinner').on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function () {
34 $(`#${ELEMENT_ID}`).remove();32 $('#loader').remove();
35 // Yoink preloader entirely; it only exists to cover up unstyled content while loading JS33 // Yoink preloader entirely; it only exists to cover up unstyled content while loading JS
36 // If it's present, we remove it once and then it's gone.34 // If it's present, we remove it once and then it's gone.
37 yoinkPreloader();35 yoinkPreloader();