From 1a82646e9db33ad25ed03b2b6260908a9b8e8bc7 Mon Sep 17 00:00:00 2001 From: dotta Date: Wed, 8 Apr 2026 07:24:19 -0500 Subject: [PATCH] fix(ui): fix shimmer animation loop jitter by keeping gradient in view MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The shimmer keyframes animated from -100% to 200%, pushing the gradient fully off-screen at both extremes. On loop restart the text flashed invisible for a frame. Changed to 100%→0% so the gradient always overlaps the visible area — both endpoints show solid base-color text and the highlight sweeps smoothly through without discontinuity. Co-Authored-By: Paperclip --- ui/src/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index b14e25ad..c1b9026a 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -296,8 +296,8 @@ /* Shimmer text effect for active "Working" state — Cursor-style sweep */ @keyframes shimmer-text-slide { - 0% { background-position: -100% center; } - 100% { background-position: 200% center; } + 0% { background-position: 100% center; } + 100% { background-position: 0% center; } } .shimmer-text { @@ -315,7 +315,7 @@ -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: shimmer-text-slide 2s linear infinite; + animation: shimmer-text-slide 1.5s linear infinite; } @media (prefers-reduced-motion: reduce) {