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 hover on account menu #20153

Merged
merged 2 commits into from
Jul 24, 2023
Merged

Conversation

garrettbear
Copy link
Contributor

@garrettbear garrettbear commented Jul 24, 2023

Explanation

Fix underline hover on account menu list items that stemmed from an update on ButtonLink component.

Screenshots/Screencaps

Before

Screenshot 2023-07-24 at 2 36 17 PM

After

Screenshot 2023-07-24 at 2 37 07 PM

Manual Testing Steps

yarn jest ui/components/multichain

Pre-merge author checklist

  • I've clearly explained:
    • What problem this PR is solving
    • How this problem was solved
    • How reviewers can test my changes
  • Sufficient automated test coverage has been added

Pre-merge reviewer checklist

  • Manual testing (e.g. pull and build branch, run in browser, test code being changed)
  • PR is linked to the appropriate GitHub issue
  • IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

@github-actions
Copy link
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.

<Text
as="div"
className="multichain-account-list-item__asset"
display={Display.Flex}
flexDirection={FlexDirection.Row}
alignItems={AlignItems.center}
justifyContent={JustifyContent.flexEnd}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@darkwing the alignment felt weird to me, so I added this fix. Not sure if this aligns with design

Before

Screenshot 2023-07-24 at 11 48 19 AM

After

Screenshot 2023-07-24 at 12 59 48 PM

@codecov
Copy link

codecov bot commented Jul 24, 2023

Codecov Report

Merging #20153 (7d95e5b) into develop (ceadfac) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           develop   #20153   +/-   ##
========================================
  Coverage    69.37%   69.37%           
========================================
  Files          986      986           
  Lines        37290    37290           
  Branches     10013    10013           
========================================
  Hits         25867    25867           
  Misses       11423    11423           
Files Changed Coverage Δ
.../multichain/account-list-item/account-list-item.js 81.03% <ø> (ø)

@metamaskbot
Copy link
Collaborator

Builds ready [8988617]
Page Load Metrics (1491 ± 32 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint1042631324220
domContentLoaded1374166414906732
load1374166414916732
domInteractive1374166414906732
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 165 Bytes (0.00%)
  • common: 0 Bytes (0.00%)

@garrettbear garrettbear added team-design-system All issues relating to design system in Extension needs-ux-ds-review labels Jul 24, 2023
@garrettbear garrettbear marked this pull request as ready for review July 24, 2023 21:42
@garrettbear garrettbear requested a review from a team as a code owner July 24, 2023 21:42
@metamaskbot
Copy link
Collaborator

Builds ready [7d95e5b]
Page Load Metrics (1541 ± 33 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint106194130189
domContentLoaded1469174515416933
load1469174515416933
domInteractive1469174515416933
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 139 Bytes (0.00%)
  • common: 0 Bytes (0.00%)

Copy link
Contributor

@georgewrmarshall georgewrmarshall left a comment

Choose a reason for hiding this comment

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

LGTM!! Nice touch on the alignment fix 💯 No e2e tests either that's unbelievabubble

@garrettbear garrettbear merged commit 02b8edc into develop Jul 24, 2023
11 checks passed
@garrettbear garrettbear deleted the fix/20150/account-menu-hover-fix branch July 24, 2023 22:26
@github-actions github-actions bot locked and limited conversation to collaborators Jul 24, 2023
@metamaskbot metamaskbot added the release-10.36.0 Issue or pull request that will be included in release 10.36.0 label Jul 24, 2023
@Gudahtt Gudahtt added release-11.1.0 Issue or pull request that will be included in release 11.1.0 and removed release-10.36.0 Issue or pull request that will be included in release 10.36.0 labels Sep 19, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
release-11.1.0 Issue or pull request that will be included in release 11.1.0 team-design-system All issues relating to design system in Extension
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants