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

[FR] Improve Selection Menu's appearance #5667

Open
MayurSMahajan opened this issue Jul 1, 2024 · 1 comment
Open

[FR] Improve Selection Menu's appearance #5667

MayurSMahajan opened this issue Jul 1, 2024 · 1 comment
Labels
editor features related to the rich-text editor look and joy needs design A design spec is required

Comments

@MayurSMahajan
Copy link
Collaborator

MayurSMahajan commented Jul 1, 2024

Description

  • The Selection Menu has a lot of options, 21 to be precise.
    A lot of these options consume multiple lines and thus their padding is insufficient. They look congested.
See Screenshot congested-selection-menu
  • The Selection Menu takes a lot of space and sometimes goes out of window which causes Accessibility issues
See Screenshot Screenshot 2024-07-01 at 4 31 35 PM

Note how the selection menu here goes out of the window.


Possible Solution:

My two cents Nest some of selection menu items:

Heading: h1, h2, h3
List: Bulleted, Numbered, Checkbox
Database: Grid, Board, Calendar, Referenced Grid, Referenced Board, Referenced Calendar, Referenced Document
Blocks: Codeblock, Math Equation, Quote, Outline, Table, Divider
etc

Impact

Everyone who uses the Selection Menu often will have a better experience.

Additional Context

Now this Selection Menu going out of the window is an old issue, and I remember it being solved, but probably it has resurfaced after the Zoom In and Zoom Out feature.

@MayurSMahajan MayurSMahajan added look and joy needs design A design spec is required editor features related to the rich-text editor labels Jul 1, 2024
@emmggi
Copy link

emmggi commented Jul 2, 2024

I second this. Nesting like this is a good suggestion.

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
editor features related to the rich-text editor look and joy needs design A design spec is required
Projects
None yet
Development

No branches or pull requests

2 participants