-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Dimension tools: Add icons for block spacing and min. height #62618
Copy link
Copy link
Open
Labels
Design SystemIssues related to the system of combining components according to best practices.Issues related to the system of combining components according to best practices.Needs Design FeedbackNeeds general design feedback.Needs general design feedback.[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experiTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Metadata
Metadata
Assignees
Labels
Design SystemIssues related to the system of combining components according to best practices.Issues related to the system of combining components according to best practices.Needs Design FeedbackNeeds general design feedback.Needs general design feedback.[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experiTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Type
Fields
Give feedbackNo fields configured for issues without a type.
Projects
Status
🏗️ In Progress
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-gaporcolumn-gapvs. 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.