ME-1 UI: "Your History (This Pair)" table columns truncated on all mobile viewport widths #352

New issue

Closed

opened 2026-06-09 21:00:00 +00:00 by totdking · 8 comments

totdking commented

2026-06-09 21:00:00 +00:00

(Migrated from gitlab.com)

No description provided.

totdking commented

2026-06-09 21:09:04 +00:00

(Migrated from gitlab.com)

Summary

On the trade page at mobile viewport widths, the "Your History (This Pair)" section renders a table with columns Time, Side, Price, and at least one more column that is truncated off the right edge of the screen. The rightmost column header is clipped to a single character ("P" visible, full label cut off) and the corresponding data values are also cut. This occurs across all tested mobile device dimensions.

Observed behavior

"Your History (This Pair)" table visible on the trade page at mobile width
Columns Time, Side, Price are visible but the rightmost column is clipped
Column header truncated to a single character at the right edge
Corresponding row data for the truncated column is also cut off
No horizontal scroll is available to reveal the hidden columns
Reproduced on: iPhone 14 Pro Max (real device) and all tested responsive DevTools dimensions

Reproduction steps

Open the app on a mobile device or DevTools responsive mode at mobile width
Navigate to the Trade page and select a pair with trade history
Scroll down to the "Your History (This Pair)" section
Observe the SWAPS (AMM) table -- note the rightmost column is truncated

Expected behavior

The trade history table should either:

Horizontally scroll to allow access to all columns, or
Collapse columns at mobile width (e.g. combine Side and Price into one cell), or
Use a card/list layout instead of a table on small screens

No column data should be silently truncated without a way to access it.

Actual behavior

The rightmost column is clipped at the viewport edge with no scroll affordance. Data in that column is inaccessible on mobile.

Screen record

{width=900 height=552}

Impact assessment

Trade history is partially unreadable on all mobile viewports
Users cannot see complete swap records on mobile
Affects ME-1 (trade flow usability on mobile)

Environment

Chain: localterra
LCD: http://localhost:1317
Wallet: Keplr (Terra Classic)
Device: iPhone 14 Pro Max & DevTools responsive mode
Page: /trade

Severity: P2(polish) data loss at mobile widths; does not affect trade execution or fund safety.

Related checklist items: ME-1

cc: @PlasticDigits

### Summary On the trade page at mobile viewport widths, the "Your History (This Pair)" section renders a table with columns Time, Side, Price, and at least one more column that is truncated off the right edge of the screen. The rightmost column header is clipped to a single character ("P" visible, full label cut off) and the corresponding data values are also cut. This occurs across all tested mobile device dimensions. --- ### Observed behavior - "Your History (This Pair)" table visible on the trade page at mobile width - Columns Time, Side, Price are visible but the rightmost column is clipped - Column header truncated to a single character at the right edge - Corresponding row data for the truncated column is also cut off - No horizontal scroll is available to reveal the hidden columns - Reproduced on: iPhone 14 Pro Max (real device) and all tested responsive DevTools dimensions --- ### Reproduction steps 1. Open the app on a mobile device or DevTools responsive mode at mobile width 2. Navigate to the Trade page and select a pair with trade history 3. Scroll down to the "Your History (This Pair)" section 4. Observe the SWAPS (AMM) table -- note the rightmost column is truncated --- ### Expected behavior The trade history table should either: - Horizontally scroll to allow access to all columns, or - Collapse columns at mobile width (e.g. combine Side and Price into one cell), or - Use a card/list layout instead of a table on small screens No column data should be silently truncated without a way to access it. --- ### Actual behavior The rightmost column is clipped at the viewport edge with no scroll affordance. Data in that column is inaccessible on mobile. --- ### Screen record ![Screen Recording 2026-06-09 at 22.03.38.mov](/uploads/893a082936ddf3e3f79401e928b37608/Screen_Recording_2026-06-09_at_22.03.38.mov){width=900 height=552} --- ### Impact assessment - Trade history is partially unreadable on all mobile viewports - Users cannot see complete swap records on mobile - Affects ME-1 (trade flow usability on mobile) --- ### Environment - Chain: localterra - LCD: [http://localhost:1317](http://localhost:1317) - Wallet: Keplr (Terra Classic) - Device: iPhone 14 Pro Max & DevTools responsive mode - Page: `/trade` --- **Severity:** P2(polish) data loss at mobile widths; does not affect trade execution or fund safety. **Related checklist items:** ME-1 cc: @PlasticDigits

totdking commented

2026-06-09 21:14:03 +00:00

(Migrated from gitlab.com)

mentioned in issue #291