Skip to content

Fix profile activity feed layout on mobile — text overflow and truncation #512

@realproject7

Description

@realproject7

Summary

The profile page activity tab is broken on mobile. Feed rows have text overflow issues causing content to overlap and get clipped.

Current behavior

  • Story titles truncate too aggressively (showing "S.", "S..." for story names)
  • Trade detail text ("1089000.00 tokens for 2178.00 PLOT") overlaps with the date and tx link
  • "PLOT" text gets cut off, merging with the date ("PLOTMar 20")
  • The single-row horizontal layout doesn't work on narrow screens

Expected behavior

  • Feed rows should stack or wrap gracefully on mobile
  • Story title should be readable (not truncated to 1-2 chars)
  • Trade amounts and dates should not overlap
  • All text should be fully visible without clipping

File

  • src/app/profile/[address]/page.tsxFeedRow component (around line 1080)

Acceptance Criteria

  • Activity feed entries are fully readable on mobile viewport
  • No text overlap between event details, dates, and tx links
  • Story titles show enough text to be identifiable
  • Large token amounts don't break the layout

Metadata

Metadata

Assignees

No one assigned

    Labels

    agent/T3Assigned to T3 builder agentbugSomething isn't workingdesignDesign and UI changes

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions