Open afercia opened 3 months ago
Note: the left alignment doesn't look great, especially when the focus style is visible:
I think aligning it in the center looks nice.
Just adding justify-content:center
will achieve the above.
.block-editor-inserter__tabs div[role=tablist] button[role=tab]{
justify-content:center;
}
Description
Noticed while working on https://github.com/WordPress/gutenberg/issues/62018
Wondering whether there is any reason why the text horizontal alignment for some tabs is left and for some tabs is centered. I would expect the alignment to be consistent across the UI.
Example screenshot from latest trunk:
I'd think at least the default alignment should be always consistent. In the rare cases where a different alignment is desired, this should be done with a variant of the base component rather than with ad-hoc CSS.
Cc @WordPress/gutenberg-design
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.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes