-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Global Styles: Add block-level textAlign UI #60762
Copy link
Copy link
Closed
Labels
Global StylesAnything related to the broader Global Styles efforts, including Styles Engine and theme.jsonAnything related to the broader Global Styles efforts, including Styles Engine and theme.json[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Metadata
Metadata
Assignees
Labels
Global StylesAnything related to the broader Global Styles efforts, including Styles Engine and theme.jsonAnything related to the broader Global Styles efforts, including Styles Engine and theme.json[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.
What problem does this address?
#59531 adds
textAlignas block support. This allows developers to opt-in a dropdown fortextAlignon the block toolbar via code like the following:{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "core/test", "title": "Test", "supports": { "typography": { "textAlign": true } }Additionally, you can apply default styles to each block via theme.json.
{ "version": 2, "styles": { "blocks": { "core/media-text": { "typography": { "textAlign": "center" } } } } }However, there is no way to override the default style via the Global Styles UI.
What is your proposed solution?
Add block-level global styles UI. One design idea is as follows.