1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Fix blurhash entry animation

This commit is contained in:
MrTimscampi 2020-06-29 23:57:05 +02:00
parent 5924c17c72
commit 0361a2d58d
2 changed files with 23 additions and 13 deletions

View file

@ -36,18 +36,18 @@ import 'css!./style';
imgData.data.set(pixels);
ctx.putImageData(imgData, 0, 0);
let child = target.parentNode.insertBefore(canvas, target);
child.classList.add('blurhash-canvas');
if (userSettings.enableFastFadein()) {
child.classList.add('lazy-blurhash-fadein-fast');
} else {
child.classList.add('lazy-blurhash-fadein');
}
requestAnimationFrame(() => {
canvas.classList.add('blurhash-canvas');
if (userSettings.enableFastFadein()) {
canvas.classList.add('lazy-blurhash-fadein-fast');
} else {
canvas.classList.add('lazy-blurhash-fadein');
}
child.style.opacity = 1;
target.classList.add('blurhashed');
target.removeAttribute('data-blurhash');
target.parentNode.insertBefore(canvas, target);
target.classList.add('blurhashed');
target.removeAttribute('data-blurhash');
});
}
}