Skip to content

Redesign new tab menu page -> dropdown#20203

Merged
carlos-zamora merged 1 commit into
mainfrom
dev/cazamor/sui-rejuv/dropdown-menu
May 21, 2026
Merged

Redesign new tab menu page -> dropdown#20203
carlos-zamora merged 1 commit into
mainfrom
dev/cazamor/sui-rejuv/dropdown-menu

Conversation

@carlos-zamora
Copy link
Copy Markdown
Member

@carlos-zamora carlos-zamora commented May 8, 2026

Summary of the Pull Request

Renames the "New tab menu" page to "Dropdown menu".
Redesigns the page with the following notes:

  • the preview is now on the right side so that it's always visible
  • moves preview buttons into border with previewed new tab menu entries
  • when the window narrows, removes the icons from the controls, then changes layout to be vertical so that it all fits.

Aside from the main redesign changes above, a lot of the other changes are to make sure that spacing and alignment looks ok.

Validation Steps Performed

  • Wide view
  • Medium width view
  • Narrow view

PR Checklist

Related to #17000

@carlos-zamora
Copy link
Copy Markdown
Member Author

Demo

image image

Medium size:
image

Narrow size:
image

Things to note:

  • the preview aligns with the top edge of the settings controls
  • the buttons for the preview were redesigned to fit in a border
  • different configurations exist depending on the width of the window (see above)

Copy link
Copy Markdown
Member

@lhecker lhecker left a comment

Choose a reason for hiding this comment

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

It's XAML.

@carlos-zamora carlos-zamora merged commit a8a5c88 into main May 21, 2026
20 checks passed
@carlos-zamora carlos-zamora deleted the dev/cazamor/sui-rejuv/dropdown-menu branch May 21, 2026 20:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants