-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Improve consistency of alignment tool placement #49272
Comments
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
That could work if the Figma-esque combined control is too much effort. Side note: It would be good to install a consistent design for indicating which item is selected in these menus. Should we adopt the check icons more broadly? |
This comment was marked as resolved.
This comment was marked as resolved.
Please go ahead :) |
Updated and added "Needs Dev". |
Possibly related to the alignment piece of this issue: "Global Styles: Add alignment support in global typography styles" — #48202. Currently, text alignment doesn't seem to be included anywhere in the Global Styles panel, making moving the alignment controls to the Inspector less trivial. |
Also relates to some 3rd party usability testing findings in #55993 (many users perceive the block toolbar as a shortcuts menu, not somewhere a setting might only appear). |
What problem does this address?
Some alignment tools, e.g. Justification, are present in both the block toolbar and the Inspector.
Others, e.g. Vertical Alignment, Alignment (normal width, wide width, full width), Text Alignment are only available in the block toolbar. This inconsistency can be confusing and make the overall experience feel less predictable and robust.
What is your proposed solution?
In the Inspector these controls would occupy a relatively small footprint, and the Design Tools menu can hide them when not in use. So generally it might be most convenient for these controls to be available in both places. That is to say, if an alignment tool is present in the toolbar it should be present in the Inspector too.
Adding text alignment to the Typography panel would seem fairly trivial:
This would be a non-default typography tool, and be present only if explicitly added, or an alignment was made in the post. But its presence here is also sensible in terms of setting default text alignments in global styles, where we might want to include, for example, justified text as an option. That is a separate exploration.
For block/flex alignments, long term I would be more inclined to combine these into a single control, similar to Figma:
But that's one for a separate issue (#49448).
A nearer term optimization would be to duplicate over the vertical and horizontal justification dropdowns from the block toolbar:
Issue updated Apr 13.
The text was updated successfully, but these errors were encountered: