vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

agent: fix non-interactive badges losing their pill shape in the status row

Browse source
This commit is contained in:
iris 2026-09-13 19:33:55 +02:00
commit 74fb07c052
1 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/packages/agent/src/components/StatusChips.css
View file

@ -24,6 +24,17 @@
.status-chips .ui-badge { .status-chips .ui-badge {
min-height: 2.75em; min-height: 2.75em;
padding-inline: 0.8em; padding-inline: 0.8em;
/* Badge.css's base `.ui-badge` radius (`1em`) is only guaranteed to
reach a full stadium at its own compact display-only height — this
rule stretches every badge in the row (including plain, non-
interactive ones like "ctx"/"cost") to the 2.75em touch-target
floor above, well past that, so it needs the same `999px`
stadium-radius trick `.ui-badge-interactive` (Badge.css) and
`.hive-pill`/`.hive-pill-sm` (pill.css) already use — otherwise a
stretched non-interactive badge renders as a rounded rectangle
instead of a pill (mara: "badge-with-label still not pill shaped,
eg agent term ctx"). */
border-radius: 999px;
} }
.status-chips-last-turn { .status-chips-last-turn {
font-size: 0.8em; font-size: 0.8em;