ux: empty state CTA fades in with delay to draw attention

2026-04-30 09:11:45 +02:00
parent acec9db260
commit d720772939
1 changed files with 2 additions and 0 deletions
@@ -1510,6 +1510,7 @@ html.fab-anim-done .page-fab {

@media (prefers-reduced-motion: reduce) {
  .empty-state { animation: none; }
+  .empty-state__cta { animation: none; }
 }

 .empty-state__icon {
@@ -1545,6 +1546,7 @@ html.fab-anim-done .page-fab {

 .empty-state__cta {
  margin-top: var(--space-2);
+  animation: list-item-in 300ms var(--ease-out) 300ms both;
 }

 .empty-state--compact {