Skip to content

Save confirm screen with viewport indicator #80836

Description

@bph

Description

When I add responsive styling via the Editor > Styles > Blocks > Title for mobile, it would be great if the save confirmation modal mentioned that those changes happen to be done on the mobile state.
The current copy suggests that the changes were done to the title block but not which state.

Image

Step-by-step reproduction instructions

  • Go to Editor > Styles > Blocks > Title
  • Select the State from the drop-down
  • Make a color or Font change
  • Hit the save button to read the confirmation screen

Screenshots, screen recording, code snippet

The full recording of the workflow:

Responsive-Global-Styles.mp4

Environment info

WordPress 7.1-beta3-62891
Gutenberg 23.6.2

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

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

Labels

Needs DesignNeeds design efforts.[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Feature] SavingRelated to saving functionality[Status] In ProgressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions