Tracking: Improve consistency of metrics and layout in headers #58293
Labels
[Package] Edit Post
/packages/edit-post
[Package] Edit Site
/packages/edit-site
[Package] Edit Widgets
/packages/edit-widgets
[Status] In Progress
Tracking issues with work in progress
[Type] Enhancement
A suggestion for improvement.
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:
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
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.
The text was updated successfully, but these errors were encountered: