fix(frontend): stack Resolved addresses to single column on mobile (GitLab #214) #392
No reviewers
Labels
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
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set
Reference
code/yieldomega!392
Loading…
Reference in a new issue
No description provided.
Delete branch "fix/glab-214-resolved-addresses-mobile"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Follow-up to !391.
!391 swapped the Resolved addresses dl column sizing to max-content so long labels stop overlapping the value column on desktop. That fix is fine on wide viewports but it regressed mobile — on narrow widths the widest label (VITE_KUMBAYA_TIMECURVE_BUY_ROUTER (optional; must match onchain router)) is wider than the entire viewport, so max-content pushes the value column off the right edge of the screen. Addresses are no longer visible on mobile.
Fix: mobile-first single-column stack by default (label on its own line, value below), opt into two-column max-content + 1fr at min-width 768px.
Before this fix: mobile labels render but values are pushed off screen, horizontal scroll required to see addresses.
After: mobile label and value stack vertically per row, both readable in the viewport. Desktop unchanged.
mentioned in issue #214
mentioned in commit
8d3b46cf1e