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

[Material] Update hover + focused + pressed states for mouse on Slider and Range Slider #62214

Open
Tracked by #125329
clocksmith opened this issue Jul 24, 2020 · 4 comments
Labels
c: new feature Nothing broken; request for a new capability f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. P2 Important issues not at the top of the work list team-design Owned by Design Languages team triaged-design Triaged by Design Languages team

Comments

@clocksmith
Copy link
Contributor

-hovered overlay should be 4% opacity
-focused overlay should be 12% opacity
-pressed ripple, that grows from center of thumb on top of focused overlay, should be 10% opacity
-pressed ripple grow should have same animation as touch overlay grow

@clocksmith clocksmith added framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. labels Jul 24, 2020
@clocksmith clocksmith added this to the 1.22 - August 2020 milestone Jul 24, 2020
@clocksmith clocksmith self-assigned this Jul 24, 2020
@pcsosinski pcsosinski added the c: new feature Nothing broken; request for a new capability label Aug 20, 2020
@DeadlyMissile
Copy link

Any updates on this @clocksmith ?

@HansMuller HansMuller removed this from the 1.22 - August 2020 milestone Aug 24, 2020
@clocksmith clocksmith changed the title [Material] Add hover + focused + pressed states for mouse on Slider and Range Slider [Material] Update hover + focused + pressed states for mouse on Slider and Range Slider Aug 24, 2020
@clocksmith
Copy link
Contributor Author

Any updates on this @clocksmith ?

I've tweaked the name for this. Technically, the states do already exist, but there is still the matter of updating the overlay to the latest material spec

@guidezpl
Copy link
Member

Noticed that range slider thumbs don't have hover states at the moment on web

@TahaTesser
Copy link
Member

TahaTesser commented Oct 10, 2022

@clocksmith
I'm working on adding support Material 3 for Slider and RangeSlider which needs some of these issues to be fixed for proper Material 3 support.

I ran into this issue, along with #53958 and #33795.

I'm taking this issue if you don't mind.

@TahaTesser TahaTesser assigned TahaTesser and unassigned clocksmith Oct 10, 2022
@Piinks Piinks added the P3 Issues that are less important to the Flutter project label Oct 20, 2022
@Piinks Piinks added P1 High-priority issues at the top of the work list and removed P3 Issues that are less important to the Flutter project labels Jan 31, 2023
@TahaTesser TahaTesser removed their assignment Mar 9, 2023
@Piinks Piinks added P2 Important issues not at the top of the work list and removed P1 High-priority issues at the top of the work list labels Mar 9, 2023
@TahaTesser TahaTesser self-assigned this May 4, 2023
@TahaTesser TahaTesser removed their assignment Jun 19, 2023
@flutter-triage-bot flutter-triage-bot bot added multiteam-retriage-candidate team-design Owned by Design Languages team triaged-design Triaged by Design Languages team labels Jul 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c: new feature Nothing broken; request for a new capability f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. P2 Important issues not at the top of the work list team-design Owned by Design Languages team triaged-design Triaged by Design Languages team
Projects
Status: Todo
Status: No status
Development

No branches or pull requests

9 participants