From 8c40e6bb008ddf486e637d212d5e07f16f17ca0f Mon Sep 17 00:00:00 2001 From: Madison Date: Fri, 17 Jul 2026 01:50:27 -0500 Subject: [PATCH] add reduced-motion override --- apps/dashboard/src/app/globals.css | 8 ++++++++ apps/dashboard/src/components/walkthrough/mock-cursor.tsx | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/apps/dashboard/src/app/globals.css b/apps/dashboard/src/app/globals.css index 86cc46e31..1d8d25d8a 100644 --- a/apps/dashboard/src/app/globals.css +++ b/apps/dashboard/src/app/globals.css @@ -464,11 +464,19 @@ body:has(.show-site-loading-indicator) .site-loading-indicator { } } +.walkthrough-pulse-ring { + animation: walkthrough-pulse-ring 1.4s ease-out infinite; +} + @media (prefers-reduced-motion: reduce) { .data-grid-export-progress-shimmer { animation: none; transform: translateX(75%); } + + .walkthrough-pulse-ring { + animation: none; + } } diff --git a/apps/dashboard/src/components/walkthrough/mock-cursor.tsx b/apps/dashboard/src/components/walkthrough/mock-cursor.tsx index 6e33c23d5..c7c8714a8 100644 --- a/apps/dashboard/src/components/walkthrough/mock-cursor.tsx +++ b/apps/dashboard/src/components/walkthrough/mock-cursor.tsx @@ -15,7 +15,7 @@ export function MockCursor({ className={cn( "absolute -top-1 -left-1 h-8 w-8 rounded-full", "border-2 border-blue-500", - "animate-[walkthrough-pulse-ring_1.4s_ease-out_infinite]", + "walkthrough-pulse-ring", )} aria-hidden />