-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
SpacingSizesControl: Increase slider's max value to 300 #44956
Conversation
100px is a little restrictive when it comes to padding and margin sizes. Let's try bumping that up to 300px.
Size Change: 0 B Total Size: 1.27 MB ℹ️ View Unchanged
|
From memory the thinking behind the 100 limit was because with the short length of the range control in this context limits above this make it harder to adjust in pixel increments, eg. setting say Either way it can be manually adjusted in the input box. I don't have a strong opinion either way. Is it something to run past some of the accessibility people - fine motor control accessibility issues were raised when the range control was initially added to the spacing presets? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you! This feels great to me:
I think we could even go higher than 300, but this seems a big step forward.
I understand the motor control argument, but in practice it doesn't seem problematic to me. Especially since it's paired with multiple additional affordances, the main being to just type in a precise number. You can also click/drag in the box, or you can use up/down arrows to increment/decrement, and you can add shift to that mix to skip in increments of 10. In that light, the slider is truly extra, and a nice way to see a big shift that's okay to be imprecise.
What and why?
The slider next to a padding or margin control currently maxes out at 100px. This feels a little too restrictive—let's try bumping it up to 300px.
Note that you can enter any value you want into the text field.
Testing Instructions
Screenshots or screencast
Kapture.2022-10-14.at.11.08.26.mp4