From 1430a460f168249caedd2cd6c98a1d573c753576 Mon Sep 17 00:00:00 2001 From: "opencode-agent[bot]" <219766164+opencode-agent[bot]@users.noreply.github.com> Date: Tue, 18 Aug 2026 10:40:50 +1000 Subject: [PATCH] fix(ui): smooth shimmer loop (#43144) Co-authored-by: Luke Parker <10430890+Hona@users.noreply.github.com> --- packages/ui/src/components/text-shimmer.css | 3 ++- packages/ui/src/v2/components/text-shimmer-v2.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/components/text-shimmer.css b/packages/ui/src/components/text-shimmer.css index f042dd2d86..3122bf0315 100644 --- a/packages/ui/src/components/text-shimmer.css +++ b/packages/ui/src/components/text-shimmer.css @@ -5,7 +5,8 @@ --text-shimmer-index: 0; --text-shimmer-angle: 90deg; --text-shimmer-spread: 5.2ch; - --text-shimmer-size: 360%; + --text-shimmer-gutter: calc(var(--text-shimmer-spread) + 1ch); + --text-shimmer-size: calc(200% + var(--text-shimmer-gutter) + var(--text-shimmer-gutter)); --text-shimmer-base-color: var(--text-weak); --text-shimmer-peak-color: var(--text-strong); --text-shimmer-sweep: linear-gradient( diff --git a/packages/ui/src/v2/components/text-shimmer-v2.css b/packages/ui/src/v2/components/text-shimmer-v2.css index d10d53581b..87b641d8cf 100644 --- a/packages/ui/src/v2/components/text-shimmer-v2.css +++ b/packages/ui/src/v2/components/text-shimmer-v2.css @@ -11,7 +11,8 @@ --_index: 0; --_angle: 90deg; --_spread: 5.2ch; - --_size: 360%; + --_gutter: calc(var(--_spread) + 1ch); + --_size: calc(200% + var(--_gutter) + var(--_gutter)); --_base-color: var(--v2-text-text-muted); --_peak-color: var(--v2-text-text-base); --_sweep: linear-gradient(