Skip to content

[Bug]: Misalignment in send, speed up, cancel and swaps screens #28722

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Unik0rnMaggie opened this issue Nov 26, 2024 · 1 comment · Fixed by #28739
Closed

[Bug]: Misalignment in send, speed up, cancel and swaps screens #28722

Unik0rnMaggie opened this issue Nov 26, 2024 · 1 comment · Fixed by #28739
Assignees
Labels
regression-main Regression bug that was found on main branch, but not yet present in production release-12.9.0 Issue or pull request that will be included in release 12.9.0 Sev2-normal Normal severity; minor loss of service or inconvenience. team-bridge DEPRECATED: Use team-swaps-and-bridge type-bug Something isn't working

Comments

@Unik0rnMaggie
Copy link
Contributor

Unik0rnMaggie commented Nov 26, 2024

Describe the bug

The Send screen and Swap to, swap from screens look different:

Expected behavior

Same alignment as before:

Screenshot 2024-11-26 at 13 42 20
Screenshot 2024-11-26 at 13 42 29
qa-7 build

Screenshots/Recordings

Screenshot 2024-11-26 at 13 32 12
Screenshot 2024-11-26 at 13 32 21
Screenshot 2024-11-26 at 13 29 51
Screenshot 2024-11-26 at 13 29 59
Screenshot 2024-11-26 at 13 29 35
qa-8 build

Steps to reproduce

  1. build locally on latest develop branch
  2. notice UI changes and misalignment for:
  • Send Flow (From and To), speed up, cancel transaction
  • Swaps flow (Swap to, Swap From, slippage)

Error messages or log output

No response

Detection stage

On the development branch

Version

12.7.0

Build type

Other (please specify exactly where you obtained this build in "Additional Context" section)

Browser

Chrome

Operating system

MacOS

Hardware wallet

No response

Additional context

No response

Severity

No response

@Unik0rnMaggie Unik0rnMaggie added the type-bug Something isn't working label Nov 26, 2024
@github-project-automation github-project-automation bot moved this to To be fixed in Bugs by team Nov 26, 2024
@github-project-automation github-project-automation bot moved this to To be fixed in Bugs by severity Nov 26, 2024
@Unik0rnMaggie Unik0rnMaggie added regression-main Regression bug that was found on main branch, but not yet present in production team-bridge DEPRECATED: Use team-swaps-and-bridge labels Nov 26, 2024
@hjetpoluru hjetpoluru added the Sev2-normal Normal severity; minor loss of service or inconvenience. label Nov 26, 2024
@micaelae micaelae self-assigned this Nov 26, 2024
github-merge-queue bot pushed a commit that referenced this issue Nov 26, 2024
<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**
Problem: A scss change for preventing modal scrolling in the bridge
experience was added and got unintentionally applied to all modals.

Solution: Nest the styling within the `quotes-modal` className
<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/28739?quickstart=1)

## **Related issues**

Fixes: #28722

## **Manual testing steps**

1. Visually inspect Swap token picker
2. Visually inspect tx "Speed up" and "Cancel" layout

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**
See bug report screenshots

<!-- [screenshots/recordings] -->

### **After**
![Screenshot 2024-11-26 at 9 48
13 AM](https://github.com/user-attachments/assets/f5bd07d5-f062-4489-8c11-5e64f88eed75)


<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [X] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/CODING_GUIDELINES.md).
- [X] I've completed the PR template to the best of my ability
- [X] I’ve included tests if applicable
- [X] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [X] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **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.
@github-project-automation github-project-automation bot moved this from To be fixed to Fixed in Bugs by team Nov 26, 2024
@github-project-automation github-project-automation bot moved this from To be fixed to Fixed in Bugs by severity Nov 26, 2024
@metamaskbot metamaskbot added the release-12.9.0 Issue or pull request that will be included in release 12.9.0 label Nov 26, 2024
@sleepytanya
Copy link
Contributor

Looks great!

speedUpCancel.mov
swap.mov
Screenshot 2024-11-26 at 18 06 18 Screenshot 2024-11-26 at 18 07 14

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
regression-main Regression bug that was found on main branch, but not yet present in production release-12.9.0 Issue or pull request that will be included in release 12.9.0 Sev2-normal Normal severity; minor loss of service or inconvenience. team-bridge DEPRECATED: Use team-swaps-and-bridge type-bug Something isn't working
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

5 participants