fix(frontend): allow Resolved addresses label column to fit long env keys (GitLab #214) #391

2026-05-19T01:36:29Z

Brouie commented

2026-05-19 01:36:29 +00:00

(Migrated from gitlab.com)

Resolves #214.

The Resolved addresses block on both agent card surfaces (AGENT CARD: TIMECURVE SIMPLE and AGENT CARD: FOR AGENTS ONLY) was overlapping label text into the address column on long env var labels like VITE_REFERRAL_REGISTRY_ADDRESS and VITE_KUMBAYA_TIMECURVE_BUY_ROUTER.

Root cause: .app-footer-agent__dl in index.css capped the label column at minmax(0, 11rem). Labels wider than 11rem overflowed into the value column.

Fix: change label column sizing to max-content so it grows to fit the widest label. Short labels in other instances of the same class (This build env block, etc) keep their compact rendering since max-content only grows as needed.

Single CSS line change. One fix covers both surfaces.

Verified locally with npm run dev — labels and address values now sit on separate columns cleanly with no overlap.

Resolves #214. The Resolved addresses block on both agent card surfaces (AGENT CARD: TIMECURVE SIMPLE and AGENT CARD: FOR AGENTS ONLY) was overlapping label text into the address column on long env var labels like VITE_REFERRAL_REGISTRY_ADDRESS and VITE_KUMBAYA_TIMECURVE_BUY_ROUTER. Root cause: .app-footer-agent__dl in index.css capped the label column at minmax(0, 11rem). Labels wider than 11rem overflowed into the value column. Fix: change label column sizing to max-content so it grows to fit the widest label. Short labels in other instances of the same class (This build env block, etc) keep their compact rendering since max-content only grows as needed. Single CSS line change. One fix covers both surfaces. Verified locally with npm run dev — labels and address values now sit on separate columns cleanly with no overlap.

Brouie commented

2026-05-19 01:37:24 +00:00

(Migrated from gitlab.com)

mentioned in issue #214

Brouie commented

2026-05-19 01:40:42 +00:00

(Migrated from gitlab.com)

{width=753 height=256}

![image.png](/uploads/f198f90e0ae47624f230bf2b4a3d680f/image.png){width=753 height=256}

PlasticDigits commented

2026-05-19 06:06:43 +00:00

(Migrated from gitlab.com)

mentioned in commit d8afd4f1bf

mentioned in commit d8afd4f1bf4cb0b3b009f3b4172be67394a3f95a

PlasticDigits (Migrated from gitlab.com) merged commit d8afd4f1bf into main

2026-05-19 06:06:43 +00:00

Brouie commented

2026-05-19 06:18:45 +00:00

(Migrated from gitlab.com)

mentioned in merge request !392

Sign in to join this conversation.

No reviewers

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

code/yieldomega!391

Rows
Columns