Skip to content

Provide image sizing so there's no jump when opening the swaps token search#9700

Merged
darkwing merged 1 commit intoMetaMask:developfrom
darkwing:ux-search-icon
Oct 23, 2020
Merged

Provide image sizing so there's no jump when opening the swaps token search#9700
darkwing merged 1 commit intoMetaMask:developfrom
darkwing:ux-search-icon

Conversation

@darkwing
Copy link
Copy Markdown
Contributor

Explanation:

As of right now, the first time you open the swaps "Swap from" dropdown, there's quick/weird jump in the cursor because the search icon hasn't loaded yet. By providing width and height attributes, that jump no longer happens. Very small UX improvement but less UI micro-jumps is good.

Manual testing steps:

  • Open MetaMask
  • Click "Swaps" button
  • Click on the "ETH" dropdown under the "Swap from" heading
  • No visual leap while icon loads!

@darkwing darkwing requested a review from a team as a code owner October 23, 2020 18:31
@darkwing darkwing requested a review from rekmarks October 23, 2020 18:31
@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.

Copy link
Copy Markdown
Contributor

@danjm danjm left a comment

Choose a reason for hiding this comment

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

Nice, thanks!

@darkwing darkwing merged commit 046b495 into MetaMask:develop Oct 23, 2020
@github-actions github-actions bot locked and limited conversation to collaborators Oct 23, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants