Contextual Block Padding (Spacing) Controls #33221
Description
What problem does this address?
As the block content area is the primary level of interaction, let's consider exploring how we could empower site publishers to design with contextual spacing controls within the blocks themselves.
- This could work for padding, and probably margin as well.
- We could implement keyboard shortcuts for modifying X/Y/all values at a time (similar to Figma/Photoshop/etc).
What is your proposed solution?
Having a hover area the size of the current padding, that can be dragged to a specific size. The existing control within the Spacing PanelBody should reflect the changes. I should be able to utilize keyboard shortcuts to drag both X values at a time, or both Y values, or even all values.
I drew up some explorations below for us to maybe jive on if we're down.
Video:
padding.mp4
Screenshots:
