Skip to content
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

fix: fee explainer modal close button #7611

Merged
merged 3 commits into from
Aug 23, 2024
Merged

Conversation

0xApotheosis
Copy link
Contributor

Description

Fixes the dead click on the fee explainer close modal, likely caused by the Chakra package bump due to our incorrect usage (or lack thereof) of `.

Screenshot 2024-08-23 at 10 57 22 AM

Issue (if applicable)

Closes #7610

Risk

High Risk PRs Require 2 approvals

Low

What protocols, transaction types, wallets or contract interactions might be affected by this PR?

None

Testing

Ensure that the fee explainer can be closed using the close button (not just clicking the background).

Engineering

☝️

Operations

  • 🏁 My feature is behind a flag and doesn't require operations testing (yet)

☝️

Screenshots (if applicable)

See above.

@0xApotheosis 0xApotheosis requested a review from a team as a code owner August 23, 2024 00:58
@NeOMakinG NeOMakinG self-requested a review August 23, 2024 10:08
Copy link
Collaborator

@NeOMakinG NeOMakinG left a comment

Choose a reason for hiding this comment

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

Close but this is not the reason why it had a deadclick and it's not 100% fixed because half of the closing button is clickable

image

The main reason why it's a dead click is that the tab container is over the closing button

Using a ModalBody almost fixes it because the body adds some paddings preventing the tablist to be over the close button

I would keep the body but remove the padding so its semantic is following chakra's idea and add a small zIndex on the closing button

@0xApotheosis
Copy link
Contributor Author

That works, @NeOMakinG! Addressed in 42e5057

The z-index does the trick of ensuring it stays clickable.

Screenshot 2024-08-24 at 8 46 09 AM

Copy link
Collaborator

@NeOMakinG NeOMakinG left a comment

Choose a reason for hiding this comment

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

@NeOMakinG NeOMakinG enabled auto-merge (squash) August 23, 2024 23:34
@NeOMakinG NeOMakinG merged commit c418be7 into develop Aug 23, 2024
3 checks passed
@NeOMakinG NeOMakinG deleted the fix-fee-explainer-close branch August 23, 2024 23:34
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.

Fee explainer exit button dead click
2 participants