-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Tracking: Improve consistency of metrics and layout in headers #58293
Copy link
Copy link
Closed
Labels
[Package] Edit Post/packages/edit-post/packages/edit-post[Package] Edit Site/packages/edit-site/packages/edit-site[Package] Edit Widgets/packages/edit-widgets/packages/edit-widgets[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Description
This issue aims to improve consistency in header layout, metrics, etc. across all block editor instances. As far as I've researched, I think the following improvements and bug fixes are needed.
Related PRs:
- Update main toolbar buttons to all be compact #56635
- Clean up header toolbar metrics and responsive break points #56729
Improvements
✅ Change header height from 60px to 64px
Target: Post Editor, Widget Editor, Site Editor
Also mentioned in this comment
Fixed
✅ Focus ring cut off
Target: Post Editor
We'll probably need a 2px margin on the left, like in the Site Editor.
✅ Standardize button size to 32px
- Editor: Standardize header button size to 32px #58532
- Site Editor: Standardize block tools toggle button size to 32px #59625
Target: Post Editor, Widget Editor, Site Editor
Some buttons remain at 36px. Regarding the Widget Editor, note that we cannot refactor it with the DocumentTools component of the @wordpress/editor package. Please refer to #57660 for details.
Post Editor:
Widget Editor:
✅ Overflow occurs
Target: Widget Editor
✅ Border misalignment when Show "button text labels" is enabled
When the mover button is horizontal, the border should be vertical.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
[Package] Edit Post/packages/edit-post/packages/edit-post[Package] Edit Site/packages/edit-site/packages/edit-site[Package] Edit Widgets/packages/edit-widgets/packages/edit-widgets[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Type
Fields
Give feedbackNo fields configured for issues without a type.






