mirror of
https://github.com/multica-ai/multica.git
synced 2026-08-02 01:45:52 +02:00
fix(issues): stop the sub-issues shimmer chip clipping descenders (#6182)
* fix(issues): stop the shimmer chip clipping descenders The sub-issues "N agents working" chip paired animate-chat-text-shimmer with leading-none. The shimmer paints glyphs via background-clip: text, and the background only covers the line box — with the line box squeezed to 1em, descenders (g, y, p) fell outside it and rendered transparent. Drop leading-none; the pill height is governed by the avatar stack, so the visual size is unchanged. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * fix(issues): same descender clip in the per-row activity indicator Same leading-none + background-clip:text pairing as the sub-issues chip; "Working" lost its g descender in inbox and issue rows. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> --------- Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -125,9 +125,12 @@ export const IssueAgentActivityIndicator = memo(function IssueAgentActivityIndic
|
||||
opacity={opacity}
|
||||
max={3}
|
||||
/>
|
||||
{/* No leading-none: the shimmer paints glyphs via background-clip:
|
||||
text, and the background only covers the line box — a squeezed
|
||||
line box leaves descenders transparent. */}
|
||||
<span
|
||||
className={cn(
|
||||
"text-micro leading-none",
|
||||
"text-micro",
|
||||
isRunning
|
||||
? "animate-chat-text-shimmer"
|
||||
: "text-muted-foreground",
|
||||
|
||||
@@ -58,7 +58,10 @@ export const SubIssuesAgentWorkingChip = memo(
|
||||
}
|
||||
>
|
||||
<AgentAvatarStack agentIds={agentIds} size="xs" max={3} />
|
||||
<span className="animate-chat-text-shimmer text-micro font-medium leading-none tabular-nums">
|
||||
{/* No leading-none: the shimmer paints glyphs via background-clip:
|
||||
text, and the background only covers the line box — a squeezed
|
||||
line box leaves descenders transparent. */}
|
||||
<span className="animate-chat-text-shimmer text-micro font-medium tabular-nums">
|
||||
{t(($) => $.agent_activity.chip_agents_working, {
|
||||
count: agentIds.length,
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user