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

Add visual effect for slider bar focus state #30410

Closed
wants to merge 1 commit into from

Conversation

OliBomby
Copy link
Contributor

Depends on

Shows the HasFocus state on slider bars using the same glow effect as hover state. When the slider bar has focus and hover state the glow effect stacks.

osu._qB7pqDF3BO.mp4
osu._vVzw0uiIEv.mp4

@peppy
Copy link
Member

peppy commented Oct 24, 2024

focus has to be a border effect. even on the new elements, the hover border thing should instead be focus, and the brightness change should be hover. as it stands this feels back-to-front from expectations.

@peppy
Copy link
Member

peppy commented Oct 24, 2024

I'll take a look at fixing this up.

@OliBomby
Copy link
Contributor Author

Sure you can change it however you like or make a new PR. I'm not that great at designing UI so I just tried to copy this demo which has the same border effect for hover and focus. The RoundedSliderBar nub in lazer has a small border effect but its barely noticable.

MaterialDesignDemo_iuuS5e8UXr.mp4

@peppy
Copy link
Member

peppy commented Oct 24, 2024

Became a rewrite so opened a separate PR #30413

@OliBomby OliBomby closed this Oct 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants