Dimension tools: Add icons for block spacing and min. height #62618
Labels
Design System
Issues related to the system of combining components according to best practices.
[Feature] Design Tools
Tools that impact the appearance of blocks both to expand the number of tools and improve the experi
Needs Design Feedback
Needs general design feedback.
[Type] Enhancement
A suggestion for improvement.
The current dimensions panel has icons for padding and margin stepped controls, but not for block spacing and min-height controls. This causes misalignment of the controls, making it less scannable. Additionally, in case of width-based controls, or axial gap configuration, an icon denoting the orientation can help anchor the feature.
Here's a design proposal that adds icons for block spacing and min-height, shown before and after:
Beyond lining up vertically, this also unifies the controls so that in the future, axial controls (
row-gap
orcolumn-gap
vs. justgap
) could be added to the block spacing control. To that end, here are potential icon designs that would work for axial gap configurations:Figma.
The text was updated successfully, but these errors were encountered: