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

Fixing spinner direction (should be clockwise) and removing duplicate animation @keyframes spin

This commit is contained in:
Germain Carré 2024-11-17 17:48:58 +01:00
parent 1496542381
commit 306390179b

View file

@ -172,14 +172,8 @@
margin-left: auto; margin-left: auto;
} }
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.osdMediaStatus .animate { .osdMediaStatus .animate {
animation: spin 4s linear infinite; animation: spin-clockwise 4s linear infinite;
} }
@media all and (max-width: 30em) { @media all and (max-width: 30em) {
@ -236,7 +230,7 @@
.primary-icon.spin { .primary-icon.spin {
font-size: 76px !important; font-size: 76px !important;
animation: spin 2s linear infinite; animation: spin-counterclockwise 2s linear infinite;
} }
.secondary-icon { .secondary-icon {
@ -326,8 +320,14 @@
} }
} }
@keyframes spin { @keyframes spin-counterclockwise {
100% { 100% {
transform: rotate(-360deg); transform: rotate(-360deg);
} }
} }
@keyframes spin-clockwise {
100% {
transform: rotate(360deg);
}
}