Add pulsing effect for placeholder items
This commit is contained in:
parent
f3d7c7abf2
commit
162f21089d
17
src/App.css
17
src/App.css
@ -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%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user