Skip to content

feat: align quote card design with Figma specifications#21656

Merged
GeorgeGkas merged 1 commit into
mainfrom
swaps-3305-quote-details
Oct 29, 2025
Merged

feat: align quote card design with Figma specifications#21656
GeorgeGkas merged 1 commit into
mainfrom
swaps-3305-quote-details

Conversation

@GeorgeGkas

@GeorgeGkas GeorgeGkas commented Oct 26, 2025

Copy link
Copy Markdown
Contributor

Description

Update QuoteDetailsCard designs to improve UX.

Changelog

CHANGELOG entry: Update QuoteDetailsCard designs to improve UX.

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/SWAPS-3305

Manual testing steps

Ensure that the implementation matches the new designs for both ios and android platforms.

Screenshots/Recordings

Before

After

Screenshot 2025-10-26 at 2 55 46 PM Screenshot 2025-10-26 at 2 54 47 PM

Pre-merge author checklist

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Note

Refines QuoteDetailsCard styling/typography, updates countdown to 0:SS format, and reorders BridgeView confirm button above disclaimer with layout tweaks.

  • BridgeView:
    • Reorder primary Button above disclaimer text; keep hidden when keypad is shown.
    • Layout tweaks: remove paddingTop in buttonContainer, make quoteContainer flex and bottom-aligned, simplify dynamicContent spacing.
  • QuoteDetailsCard:
    • Restyle container (remove border/margin, adjust padding; keep background); unify labels to TextVariant.BodyMD (rate, network fee, slippage, minimum received, price impact, recipient).
    • Use updated countdown display with zero-padded seconds.
  • QuoteCountdownTimer:
    • Format timer as 0:SS with zero padding (was (Ss)), maintain fixed width.
  • Tests:
    • Update snapshots to reflect new styles, typography, and timer format.

Written by Cursor Bugbot for commit a00aa24. This will update automatically on new commits. Configure here.

@GeorgeGkas GeorgeGkas requested a review from a team as a code owner October 26, 2025 12:56
@github-actions

Copy link
Copy Markdown
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@metamaskbot metamaskbot added the team-swaps-and-bridge Swaps and Bridge team label Oct 26, 2025
@sonarqubecloud

Copy link
Copy Markdown

@GeorgeGkas GeorgeGkas added this pull request to the merge queue Oct 29, 2025
Merged via the queue into main with commit be50cce Oct 29, 2025
107 checks passed
@GeorgeGkas GeorgeGkas deleted the swaps-3305-quote-details branch October 29, 2025 15:24
@github-actions github-actions Bot locked and limited conversation to collaborators Oct 29, 2025
@metamaskbot metamaskbot added the release-7.59.0 Issue or pull request that will be included in release 7.59.0 label Oct 29, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-7.59.0 Issue or pull request that will be included in release 7.59.0 size-S team-swaps-and-bridge Swaps and Bridge team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants