-
Notifications
You must be signed in to change notification settings - Fork 4.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Dimension tools: Add icons for block spacing and min. height #62618
Comments
I'm not sure if it's the right icon, but I do like that it makes the sliders more uniform and understandable. |
For min height icon, could we use something like this? originally proposed in #55734 for full height toggle. |
A small detail, but it would be good to use the new DropdownMenu component here: ![]() Since this is not a multi-select option we should avoid the checkbox icon and use |
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: