Inability to distinguish between default and none margin/padding values

[luisherranz]

Description

In the Editor, it is not possible to visually differentiate between a margin or padding value that is set to the default and one that is explicitly set to "none" (0). Additionally, the UI does not clearly indicate that clicking the blue circle next to a margin/padding value will set it to "none." This lack of clarity can lead to confusion and make it difficult to manage spacing effectively.

Step-by-step reproduction instructions

1. Select a block that has margin or padding settings (e.g., Group, Columns).
2. Observe the margin/padding values in the Dimensions panel.
3. Note that there is no visual distinction between a default value and a value explicitly set to "none."
4. Click the blue circle next to a margin/padding value.
5. Observe that the value is reset to "none," but there was no prior indication that this would happen.

Screenshots, screen recording, code snippet

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

Please confirm which theme type you used for testing.

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

[ramonjd]

Thanks for the issue.

This represents a smaller part of a wider issue:

• Block styles: reflect inherited global styles values in block appearance controls #64670

Since #65071, global styles changed from being only able to be read by admins, to any users that can edit posts. Which is a long way of saying that global styles are now available in the post editor context.

This means that "default" values, by which I think you mean values inherited from the theme or global styles, can be referenced and even set in the control.

An example of this working is the background image control. Other controls, such as spacing, haven't had the same treatment.

It think it needs some UX and design thoughts, but the low-fi approach would be to set the control values with the default if any are found. Easy to say that 😄 but it might work for things like spacing.