Skip to content
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

[Slider] Remove visual zero state from thumb #12242

Merged
merged 3 commits into from
Jul 25, 2018

Conversation

eps1lon
Copy link
Member

@eps1lon eps1lon commented Jul 22, 2018

The spec does not show any visual difference between thumbs at zero and
non-zero values. Zero values now allow different thumb colors depending
on state (i.e. enabled sliders appeared to be disabled).

The colors are also not following the spec: The tracks should only change opacity after the thumb not color. If the default styling should follow the spec as close as possible I would like to adress this in a future PR.

@eps1lon eps1lon force-pushed the fix-slider-zero-value-visuals branch from f24fbab to 5857d54 Compare July 22, 2018 21:30
@mbrookes
Copy link
Member

@eps1lon It does indeed seem the appearance of the Slider has been simplified for v2 of the Material guidelines. Feel free to fix it up in another PR.

@eps1lon
Copy link
Member Author

eps1lon commented Jul 23, 2018

Rebased master into PR to fix unrelated CI fail on yarn run size.

CI now fails as expected on visual differences. Do I have to update some snapshot somewhere or is this resolved once its merged?

@mbrookes
Copy link
Member

You can also remove the empty zero class and the line where it is conditionally applied.

@eps1lon eps1lon changed the title [Slider]: Remove visual zero state from thumb [Slider] Remove visual zero state from thumb Jul 23, 2018
@mbrookes
Copy link
Member

yarn docs:api will fix that.

The spec does not show any visual difference between thumbs at zero and
non-zero values. Zero values now allow different thumb colors depending
on state (i.e. enabled sliders appeared to be disabled).
@eps1lon eps1lon force-pushed the fix-slider-zero-value-visuals branch from 4b73f60 to 892e50d Compare July 23, 2018 11:11
@eps1lon
Copy link
Member Author

eps1lon commented Jul 23, 2018

@mbrookes Although yarn docs:api was useful since I removed the zero class it has nothing to do with the argos check as far as I can tell.

@oliviertassinari oliviertassinari added the package: lab Specific to @mui/lab label Jul 24, 2018
@mbrookes mbrookes added the component: slider This is the name of the generic UI component, not the React module! label Jul 25, 2018
@mbrookes mbrookes merged commit a9aad33 into mui:master Jul 25, 2018
@eps1lon eps1lon deleted the fix-slider-zero-value-visuals branch September 22, 2018 21:58
@oliviertassinari oliviertassinari removed the package: lab Specific to @mui/lab label Jan 9, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: slider This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants