Show Responsive viewport/state indicator in save confirmation dialog - #81027
Show Responsive viewport/state indicator in save confirmation dialog#81027shail-mehta wants to merge 6 commits into
Conversation
|
Size Change: +1.62 kB (+0.02%) Total Size: 7.78 MB 📦 View Changed
|
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Flaky tests detected in 9a3002d. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/30708342985
|
What?
Closes #80836
This PR updates the save confirmation modal to indicate which responsive state (e.g. Mobile, Tablet) a style change was made in, when the change comes from a responsive style variation set via
Editor > Styles > Blocks > Title.Why?
When a user edits block styles for a specific viewport (e.g. Mobile only), the save confirmation screen only shows the block style was changed - not which viewport it applies to. This ambiguity can lead users to think the change is global, risking unintended publishes. Making the viewport explicit improves clarity and confidence before saving.
How?
Surface the active viewport/state
(Mobile/Tablet/Default)tied to a style edit in the change-tracking data used by the save panel, and append a viewport indicator to affected entries.Testing Instructions
Editor > Styles > Blocks > TitleScreenshots
Use of AI Tools