Resolved Addresses tab on the expansion of AGENT CARD: TIMECURVE SIMPLE is jammed together #214

New issue

Closed

opened 2026-05-18 11:30:48 +00:00 by totdking · 9 comments

totdking commented 2026-05-18 11:30:48 +00:00 (Migrated from gitlab.com)

• Copy link

No description provided.

totdking commented 2026-05-18 11:41:14 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

Issue Summary

The expanson of AGENTCARD at the bottom of the timecurve at the Resolved Addresses section is all jammed up

---

Reproduction Steps

• open yieldomega.com/timecurve
• click cmd + f on your browser and enter Resolved Addresses which has VITE_TIMECURVE_ADDRESS, VITE_REFERRAL_REGISTRY_ADDRESS, VITE_KUMBAYA_TIMECURVE_BUY_ROUTER of which the last 2 are jammed up

---

Expected Behavior

The writing is supposed to be clear and readable for anyone to see the addresses

---

Actual Behavior

{width="818" height="196"}

---

Environment Details

Field	Value
OS	macOS (Apple M1 Pro, 14-inch)
Browser	Google Chrome (desktop)
Viewport	~1440px desktop
Network	MegaEth mainnet
Frontend	running
Indexer	Active

Wallet / Device Details

• Wallet: Keplr browser extension
• Wallet state: Connected — localterra

Wallet / Device Details

• Wallet: Keplr browser extension
• Wallet state: Connected — localterra

Severity

P3 Nit : Does not block launch, users can still copy and paste addresses as they see fit, but the visual part is a UX gap

Already noted in https://gitlab.com/PlasticDigits/yieldomega/-/work_items/213#note_3356769647 by Brouie

cc: @PlasticDigits

### Issue Summary The expanson of AGENTCARD at the bottom of the [timecurve](https://yieldomega.com/timecurve#:~:text=for%20podium%20mechanics%2C-,skills,-%2C%20indexer%20routes%2C%20and) at the **Resolved Addresses** section is all jammed up --- ### Reproduction Steps - open yieldomega.com/timecurve - click `cmd + f` on your browser and enter `Resolved Addresses` which has `VITE_TIMECURVE_ADDRESS`, `VITE_REFERRAL_REGISTRY_ADDRESS`, `VITE_KUMBAYA_TIMECURVE_BUY_ROUTER` of which the last 2 are jammed up --- ### Expected Behavior The writing is supposed to be clear and readable for anyone to see the addresses --- ### Actual Behavior {width="818" height="196"} --- ### Environment Details | Field | Value | |-------|-------| | OS | macOS (Apple M1 Pro, 14-inch) | | Browser | Google Chrome (desktop) | | Viewport | \~1440px desktop | | Network | MegaEth mainnet | | Frontend | `running` | | Indexer | Active | ### Wallet / Device Details - **Wallet:** Keplr browser extension - **Wallet state:** Connected — localterra ### Wallet / Device Details - **Wallet:** Keplr browser extension - **Wallet state:** Connected — localterra ### Severity **P3 Nit** : Does not block launch, users can still copy and paste addresses as they see fit, but the visual part is a UX gap Already noted in https://gitlab.com/PlasticDigits/yieldomega/-/work_items/213#note_3356769647 by Brouie cc: @PlasticDigits

Brouie commented 2026-05-18 23:42:38 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

Confirming this is the second surface with the same label-overflow pattern.

First instance: bottom AGENT CARD: FOR AGENTS ONLY agent card, Resolved Addresses block — pre-flagged on §2.3 of the launch-day checklist (#213 comment 3356769647, #212 comment 3356769528).

This one on the TIMECURVE SIMPLE expansion looks like the same root cause — label text overlays the start of the address column when label name exceeds column width (VITE_REFERRAL_REGISTRY_ADDRESS and VITE_KUMBAYA_TIMECURVE_BUY_ROUTER both long enough to trigger it, VITE_TIMECURVE_ADDRESS short enough to render clean).

Two render sites, one fix likely covers both, column min-width or grid-template tweak on the Resolved Addresses block component.

Confirming this is the second surface with the same label-overflow pattern. First instance: bottom AGENT CARD: FOR AGENTS ONLY agent card, Resolved Addresses block — pre-flagged on §2.3 of the launch-day checklist (#213 comment 3356769647, #212 comment 3356769528). This one on the TIMECURVE SIMPLE expansion looks like the same root cause — label text overlays the start of the address column when label name exceeds column width (VITE_REFERRAL_REGISTRY_ADDRESS and VITE_KUMBAYA_TIMECURVE_BUY_ROUTER both long enough to trigger it, VITE_TIMECURVE_ADDRESS short enough to render clean). Two render sites, one fix likely covers both, column min-width or grid-template tweak on the Resolved Addresses block component.

Brouie commented 2026-05-19 01:35:49 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

mentioned in commit 77bde283de

mentioned in commit 77bde283de0d6f351196e971778f026e9647cbc9

Brouie commented 2026-05-19 01:36:31 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

mentioned in merge request !391

mentioned in merge request !391

Brouie commented 2026-05-19 01:37:23 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

MR !391 opened with a one-line CSS fix on .app-footer-agent__dl — changing the label column from minmax(0, 11rem) to max-content lets long env labels like VITE_REFERRAL_REGISTRY_ADDRESS and VITE_KUMBAYA_TIMECURVE_BUY_ROUTER fit their own column instead of overflowing into the address text.

Verified locally with npm run dev — labels and address values sit on separate columns cleanly, no overlap. Short labels in other dl instances on the same class keep their compact look since max-content only grows to the widest label per dl.

{width=753 height=256}

Single CSS change covers both surfaces (TIMECURVE SIMPLE expansion and FOR AGENTS ONLY footer card).

MR !391 opened with a one-line CSS fix on .app-footer-agent__dl — changing the label column from minmax(0, 11rem) to max-content lets long env labels like VITE_REFERRAL_REGISTRY_ADDRESS and VITE_KUMBAYA_TIMECURVE_BUY_ROUTER fit their own column instead of overflowing into the address text. Verified locally with npm run dev — labels and address values sit on separate columns cleanly, no overlap. Short labels in other dl instances on the same class keep their compact look since max-content only grows to the widest label per dl. {width=753 height=256} Single CSS change covers both surfaces (TIMECURVE SIMPLE expansion and FOR AGENTS ONLY footer card).

PlasticDigits (Migrated from gitlab.com) closed this issue 2026-05-19 06:06:44 +00:00

Brouie commented 2026-05-19 06:16:14 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

mentioned in commit b4d0f79aa0

mentioned in commit b4d0f79aa0a72c4c37a6843a7644c1ae607ae779

Brouie commented 2026-05-19 06:18:45 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

mentioned in merge request !392

mentioned in merge request !392

Brouie commented 2026-05-19 06:20:31 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

Follow-up MR !392 — !391 fixed desktop but regressed mobile because max-content sized the label column wider than narrow viewports, pushing values off-screen. !392 adds a mobile-first single-column stack and only opts into the two-column layout at min-width 768px.

Follow-up MR !392 — !391 fixed desktop but regressed mobile because max-content sized the label column wider than narrow viewports, pushing values off-screen. !392 adds a mobile-first single-column stack and only opts into the two-column layout at min-width 768px.

PlasticDigits commented 2026-05-19 13:30:05 +00:00 (Migrated from gitlab.com)

• Copy link
• Copy Markdown

mentioned in commit 8d3b46cf1e

mentioned in commit 8d3b46cf1eb23e93dc45c9ad0dcc9acc865e6e4f

Sign in to join this conversation.

No Branch/Tag specified

Branches Tags

main

cac-design-issue-544

renovate/configure

No results found.

Labels

Clear labels   

agent:fix_bugfix

  

agent:fix_conflicts

  

agent:fix_security

  

agent:gap_analysis

  

agent:implement

  

agent:open_issues

  

agents

  

agent:security_audit

  

agent:verify

  

area

timecurve

  

arena

  

arena-v2

  

audit

  

block:feature_review

  

block:security

  

bug

  

contracts

  

design

  

devops

  

docs

Documentation

  

documentation

  

enhancement

  

epic

Epic / umbrella issue

  

feature

  

frontend

  

indexer

  

low priority

Low priority, investigate other issues first

  

megaeth

  

operations

  

ops

Deploy and operations

  

performance

  

QA

  

qa checklist

  

referrals

  

removal

Legacy removal

  

security

  

smart-contracts

  

tech-debt

  

testing

  

time-arena

TimeArena v2 revamp

  

timecurve

  

visual-qa

No labels

agent:fix_bugfix

agent:fix_conflicts

agent:fix_security

agent:gap_analysis

agent:implement

agent:open_issues

agents

agent:security_audit

agent:verify

area

timecurve

arena

arena-v2

audit

block:feature_review

block:security

bug

contracts

design

devops

docs

documentation

enhancement

epic

feature

frontend

indexer

low priority

megaeth

operations

ops

performance

QA

qa checklist

referrals

removal

security

smart-contracts

tech-debt

testing

time-arena

timecurve

visual-qa

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

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#214

No description provided.