Skip to content

fix: Fix left-aligned fullscreen UI#28218

Merged
Gudahtt merged 2 commits intodevelopfrom
fix-left-aligned-fullscreen-ui
Oct 31, 2024
Merged

fix: Fix left-aligned fullscreen UI#28218
Gudahtt merged 2 commits intodevelopfrom
fix-left-aligned-fullscreen-ui

Conversation

@Gudahtt
Copy link
Copy Markdown
Member

@Gudahtt Gudahtt commented Oct 31, 2024

Description

The Home screen was recently updated to make the overview left-aligned. However the fullscreen UI was not considered, and it ended up looking ugly/broken.

The fullscreen UI has been updated to be centered, as it was before. The Home screen remains left-aligned in the popup.

Open in GitHub Codespaces

Related issues

Fixes #27593

Manual testing steps

Compare how the Home screen overview looks on the fullscreen UI and the popup. It should be centered on the fullscreen UI, left-aligned on the popup.

Screenshots/Recordings

Before

Screenshot 2024-10-31 at 11 32 12

After

Screenshot 2024-10-31 at 11 28 35

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.

Copy link
Copy Markdown
Member Author

@Gudahtt Gudahtt Oct 31, 2024

Choose a reason for hiding this comment

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

Left this as a TODO to make this easier to backport to v12.6.0

@Gudahtt Gudahtt marked this pull request as ready for review October 31, 2024 14:45
@Gudahtt Gudahtt requested a review from a team as a code owner October 31, 2024 14:45
Copy link
Copy Markdown
Contributor

@darkwing darkwing left a comment

Choose a reason for hiding this comment

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

Looks great; thank you for the attention to detail here @Gudahtt !

@sahar-fehri
Copy link
Copy Markdown
Contributor

Thank you @Gudahtt ! 🙏 Looks good!
Sharing for visibility that the left alignment in the extended view was part of the design

CC @amandaye0h @alfeng6

The Home screen was recently updated to make the overview left-aligned.
However the fullscreen UI was not considered, and it ended up looking
ugly/broken.

The fullscreen UI has been updated to be centered, as it was before.
The Home screen remains left-aligned in the popup.

Fixes #27593
@Gudahtt Gudahtt force-pushed the fix-left-aligned-fullscreen-ui branch from cf9adf0 to 9963453 Compare October 31, 2024 15:30
@Gudahtt Gudahtt enabled auto-merge October 31, 2024 15:48
@amandaye0h
Copy link
Copy Markdown
Contributor

Am ok with this!

@Gudahtt Gudahtt added this pull request to the merge queue Oct 31, 2024
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [9963453]
Page Load Metrics (1825 ± 99 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint31824421745389187
domContentLoaded153924091789209100
load15742443182520799
domInteractive20204635024
backgroundConnect979352010
firstReactRender45109762110
getState461192010
initialActions01000
loadScripts11071881133519192
setupStore1064262110
uiStartup172426562003217104
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 338 Bytes (0.00%)
  • common: 0 Bytes (0.00%)

Merged via the queue into develop with commit 630352a Oct 31, 2024
@Gudahtt Gudahtt deleted the fix-left-aligned-fullscreen-ui branch October 31, 2024 18:14
@github-actions github-actions bot locked and limited conversation to collaborators Oct 31, 2024
@metamaskbot metamaskbot added release-12.7.0 Issue or pull request that will be included in release 12.7.0 release-12.6.0 Issue or pull request that will be included in release 12.6.0 and removed release-12.7.0 Issue or pull request that will be included in release 12.7.0 labels Oct 31, 2024
@metamaskbot
Copy link
Copy Markdown
Collaborator

Missing release label release-12.6.0 on PR. Adding release label release-12.6.0 on PR and removing other release labels(release-12.7.0), as PR was cherry-picked in branch 12.6.0.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-12.6.0 Issue or pull request that will be included in release 12.6.0 team-assets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Main screen top section with currency display component and button icons misaligned

6 participants