ux: empty state CTA fades in with delay to draw attention
This commit is contained in:
@@ -1510,6 +1510,7 @@ html.fab-anim-done .page-fab {
|
|||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.empty-state { animation: none; }
|
.empty-state { animation: none; }
|
||||||
|
.empty-state__cta { animation: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-state__icon {
|
.empty-state__icon {
|
||||||
@@ -1545,6 +1546,7 @@ html.fab-anim-done .page-fab {
|
|||||||
|
|
||||||
.empty-state__cta {
|
.empty-state__cta {
|
||||||
margin-top: var(--space-2);
|
margin-top: var(--space-2);
|
||||||
|
animation: list-item-in 300ms var(--ease-out) 300ms both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-state--compact {
|
.empty-state--compact {
|
||||||
|
|||||||
Reference in New Issue
Block a user