Add pulsing effect for placeholder items
This commit is contained in:
+15
-2
@@ -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%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user