Skip to content

Conversation

mikasackermn
Copy link
Contributor

@mikasackermn mikasackermn commented Jun 11, 2025

Summary

Implement a unified truncation strategy for long cryptocurrency names, wallet addresses, and numeric values to ensure proper display across all wallet interface components on mobile viewports.

Fixes # (issue)

  • Truncation implemented for token names and amounts in the swap widget
  • Route selection component now gracefully handles long token pair names
  • Modal dialogs (e.g., token selection, confirmations) display truncated content correctly
  • Confirm Swap and Swap Details pages support truncation for long wallet addresses and transaction IDs
  • History page displays truncated token names and amounts in transaction lists
  • Input fields properly format and truncate large numeric values for better readability

Checklist:

  • I have performed a self-review of my code
  • Implemented a user interface (UI) change, referencing our Figma design to ensure pixel-perfect precision.

@mikasackermn mikasackermn force-pushed the fix/rf-2446-handle-long-names-and-numbers branch from fa2f0e5 to c0bc890 Compare June 11, 2025 07:58
@mikasackermn mikasackermn force-pushed the fix/rf-2446-handle-long-names-and-numbers branch from c0bc890 to 060c114 Compare June 15, 2025 10:36
@mikasackermn mikasackermn force-pushed the fix/rf-2446-handle-long-names-and-numbers branch from 060c114 to 57db4f5 Compare June 25, 2025 13:04
@RyukTheCoder
Copy link
Contributor

Also cases should be handled based on the design files:

  1. letter-spacing should be set to 1px in home page token input.
  2. Should set max-width for blockchain name and usd price and quote items in home page.
    image
    image
    image

Copy link
Contributor

@RyukTheCoder RyukTheCoder left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just added some comments.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants