Remove confusing icons from Content / Wide layout settings #64862
Labels
[Focus] Accessibility (a11y)
Changes that impact accessibility and need corresponding review (e.g. markup changes).
Global Styles
Anything related to the broader Global Styles efforts, including Styles Engine and theme.json
Needs Design Feedback
Needs general design feedback.
[Package] Block editor
/packages/block-editor
[Type] Bug
An existing feature does not function as intended
Description
In the editor there is a design convention where some controls do have an associated button that 'does something'. IN some cases, it switches the control to an alternative version, in other cases it performs other actions. The button is generally placed after the control.
This pattern establishes a pretty clear convention and it makes sense as the action button is logically and visually placed after the control.
Instead, the 'Content' and 'Wide' sizes settings in Site Eitor > Styles > Layout do have an icon placed after the control but it's just an icon. It's an ornamental icon. There's no button to perform any action.
As a used, I was pretty confused and I did try to click those icons. I thought they were buttons.
These icons break the convention described above. They are unnecessary anr, more importantly, confusing. I'd like to propose to remove them entirely. Screenshot:
Step-by-step reproduction instructions
Screenshots, screen recording, code snippet
No response
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Please confirm that you have tested with all plugins deactivated except Gutenberg.
The text was updated successfully, but these errors were encountered: