search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.35k stars 4.13k forks source link

Enhance the Block panel UI #58078

Open Dentalicious opened 8 months ago

Dentalicious commented 8 months ago

What problem does this address?

The Block Panel (Elements Panel) looks rudimentary and poorly designed compared to page builders such as Elementor or Bricks.

What is your proposed solution?

Enhance the Block Panel UI to match or better Elementor/Bricks, making working in the Gutenberg Editor an enjoyable experience.

E Vs B vs G
talldan commented 8 months ago

@Dentalicious What features do you think are missing?

Dentalicious commented 8 months ago

@Dentalicious What features do you think are missing?

Hi, This is not a missing feature request, rather a request to enhance the UI (User Interface) of the Block Panel, and the shortcut icons of the Blocks, to bring it in line of popular pagebuilders and give it a modern look. Cheers

jordesign commented 8 months ago

@Dentalicious are there particular things about the design of the panel in those page builders which is better specifically? 'A more modern look' is somewhat subjective.

Dentalicious commented 7 months ago

@Dentalicious are there particular things about the design of the panel in those page builders which is better specifically? 'A more modern look' is somewhat subjective.

The images I shared above give a good contrast of the difference in contrast between the UI of the panels, but if I have to put it into words, then I’ll list it down as follows,

Icons are not floating into empty space but are contained in a square outline and these square outlines have equal margins on the vertical and horizontal axis.

When hovering over the icons, the outlines of the Element (Block) change colour to indicate the hovered state.

Icons are categorised into, Layout - Flexbox and Grid Basic - Text, Heading, etc Media - Images, Gallery, etc

Such attention to detail in the UI stands out and makes working in the editor an enjoyable experience.

Trust that helps, Cheers

https://github.com/WordPress/gutenberg/assets/33909786/ecbb0874-5a4e-4b6b-bfd9-6a8afae504f8

github-actions[bot] commented 7 months ago

Help us move this issue forward. This issue is being marked stale since it has no activity after 15 days of requesting more information. Please add info requested so we can help move the issue forward. Note: The triage policy is to close stale issues that need more info and no response after 2 weeks.

Dentalicious commented 7 months ago

@jordesign Why is this issue marked as “Stale” and “Needs more info”? I have provided all info as requested, and would be glad to give more any additional feedback if required.

richtabor commented 5 months ago

@jordesign Why is this issue marked as “Stale” and “Needs more info”?

It's auto-applied after an issue sits for a while. I'm working on some ideas around the inserter, there's room to clean it up for sure.