mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
e9974f5344
commit
30584bfef9
10 changed files with 48 additions and 40 deletions
|
@ -40,7 +40,7 @@
|
|||
backdropImage.style.backgroundImage = "url('" + url + "')";
|
||||
backdropImage.setAttribute('data-url', url);
|
||||
|
||||
backdropImage.style.animation = 'backdrop-fadein ' + 800 + 'ms ease-in normal both';
|
||||
backdropImage.classList.add('backdropImageFadeIn');
|
||||
parent.appendChild(backdropImage);
|
||||
|
||||
if (!enableAnimation(backdropImage)) {
|
||||
|
@ -75,7 +75,7 @@
|
|||
function cancelAnimation() {
|
||||
var elem = currentAnimatingElement;
|
||||
if (elem) {
|
||||
elem.style.animation = '';
|
||||
elem.classList.remove('backdropImageFadeIn');
|
||||
currentAnimatingElement = null;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,6 +15,10 @@
|
|||
contain: layout style;
|
||||
}
|
||||
|
||||
.backdropImageFadeIn {
|
||||
animation: backdrop-fadein 800ms ease-in normal both;
|
||||
}
|
||||
|
||||
@keyframes backdrop-fadein {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
@ -23,4 +27,4 @@
|
|||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue