Add pulsing effect for placeholder items

This commit is contained in:
Sheldon Lee 2023-11-25 17:30:54 +08:00
parent f3d7c7abf2
commit 162f21089d

View File

@ -63,6 +63,10 @@ body {
background-color: #0056b3; background-color: #0056b3;
} }
.PlaceholderItem {
animation: loading 1.5s infinite;
}
.PlaceholderItem > button, .PlaceholderItem > button,
.ParentDirectoryItem > button { .ParentDirectoryItem > button {
background-color: #4D4F5D; background-color: #4D4F5D;
@ -73,6 +77,15 @@ body {
} }
.PlaceholderItem > button { .PlaceholderItem > button {
height: calc(16px + 10px * 2); height: calc(18px + 10px * 2);
width: 6em; min-width: 4em;
}
@keyframes loading {
0%, 100% {
filter: brightness(80%);
}
50% {
filter: brightness(100%);
}
} }