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.

Sign up for GitHub

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

Jump to bottom

Browse Mode: Ellipsis icons misaligned: #51581

Open
scruffian opened this issue Jun 16, 2023 · 3 comments
Open

Browse Mode: Ellipsis icons misaligned: #51581

scruffian opened this issue Jun 16, 2023 · 3 comments
Assignees
@richtabor
Labels
[Block] Navigation Affects the Navigation Block [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@scruffian
Copy link
Contributor

scruffian commented Jun 16, 2023 •
edited
Loading

What problem does this address?

The ellipsis icons here are not aligned
Screenshot 2023-06-16 at 14 03 21

What is your proposed solution?

The list view can probably be made slightly wider so they are aligned.
@scruffian scruffian added [Type] Bug An existing feature does not function as intended [Block] Navigation Affects the Navigation Block labels Jun 16, 2023
@scruffian scruffian mentioned this issue Jun 16, 2023
Merged
13 tasks
@richtabor
Copy link
Member

It's not perfect, but a padding right of 8px aligns it a bit better. 🤷‍♂️

CleanShot 2023-06-16 at 10 51 50 CleanShot 2023-06-16 at 10 52 00

@richtabor
Copy link
Member

I'm taking a look at metrics in general here today; perhaps to better the right aligned icons more holistically.

@richtabor richtabor mentioned this issue Jun 16, 2023
Closed
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Jun 16, 2023
@scruffian
Copy link
Contributor Author

Additional feedback from #50843

The width of the active bar does not feel balanced left and right, and the ellipsis doesn't line up with the heading ellipsis. I understand that the icons on the left are a bit trickier since there has to be room for the chevron for submenus, but I think with a little CSS that can be fiddled as well, so that those left icons are positioned according to the same type of icons in other menus. Compare with icons in the top level menu:

Screenshot 2023-06-20 at 10 48 45

This was referenced Jun 20, 2023
Closed
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@richtabor richtabor

Labels
[Block] Navigation Affects the Navigation Block [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Try Site Editor panel metrics WordPress/gutenberg
2 participants
@scruffian @richtabor