Fix blinking fonts on auth
This commit is contained in:
parent
73f680e47c
commit
29b9cc7617
13
src/index.ts
13
src/index.ts
@ -285,14 +285,15 @@ console.timeEnd('get storage1'); */
|
|||||||
console.log('Will mount auth page:', authState._, Date.now() / 1000);
|
console.log('Will mount auth page:', authState._, Date.now() / 1000);
|
||||||
|
|
||||||
const el = document.getElementById('auth-pages');
|
const el = document.getElementById('auth-pages');
|
||||||
|
let scrollable: HTMLElement;
|
||||||
if(el) {
|
if(el) {
|
||||||
const scrollable = el.querySelector('.scrollable') as HTMLElement;
|
scrollable = el.querySelector('.scrollable') as HTMLElement;
|
||||||
if((!touchSupport.isTouchSupported || isMobileSafari)) {
|
if((!touchSupport.isTouchSupported || isMobileSafari)) {
|
||||||
scrollable.classList.add('no-scrollbar');
|
scrollable.classList.add('no-scrollbar');
|
||||||
}
|
}
|
||||||
|
|
||||||
// @ts-ignore
|
// * don't remove this line
|
||||||
fadeInWhenFontsReady(scrollable, 'fonts' in document ? document.fonts.ready : Promise.resolve());
|
scrollable.style.opacity = '0';
|
||||||
|
|
||||||
const placeholder = document.createElement('div');
|
const placeholder = document.createElement('div');
|
||||||
placeholder.classList.add('auth-placeholder');
|
placeholder.classList.add('auth-placeholder');
|
||||||
@ -321,6 +322,12 @@ console.timeEnd('get storage1'); */
|
|||||||
}
|
}
|
||||||
//});
|
//});
|
||||||
|
|
||||||
|
if(scrollable) {
|
||||||
|
// @ts-ignore
|
||||||
|
const promise = 'fonts' in document ? document.fonts.ready : Promise.resolve();
|
||||||
|
fadeInWhenFontsReady(scrollable, promise);
|
||||||
|
}
|
||||||
|
|
||||||
/* computeCheck(password, {
|
/* computeCheck(password, {
|
||||||
current_algo: {
|
current_algo: {
|
||||||
salt1,
|
salt1,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user