Skip to content
This repository has been archived by the owner on Jan 26, 2022. It is now read-only.

Try a subtle opacity change on button hovers #275

Merged
merged 2 commits into from
Dec 3, 2021

Conversation

kjellr
Copy link
Collaborator

@kjellr kjellr commented Dec 3, 2021

Fixes #99.

Tries a subtle opacity adjustment for button hovers. It's a single CSS rule, generally works ok, and will mostly still let folks choose hover colors when/if that feature gets rolled into core. From a pure visual design perspective, it's not my first choice but it looks acceptable. If we're implementing button hovers, I think this is our best bet.

The only real downside is that it's not totally obvious that there's a hover state for outlined buttons on light backgrounds. But it still might be better than what we've got (which is no hover state at all).

Screenshots

buttons
buttons-2

@kjellr kjellr added the [Type] Enhancement New feature or request label Dec 3, 2021
@kjellr kjellr requested a review from jffng December 3, 2021 20:16
@kjellr kjellr self-assigned this Dec 3, 2021
Copy link
Collaborator

@jffng jffng left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Design-wise, this feels better than nothing.

Also it's a small amount of fairly harmless CSS. So I think it's an improvement overall.

@kjellr kjellr merged commit 95b22b9 into trunk Dec 3, 2021
@kjellr kjellr deleted the try/button-opacity-hover-styles branch December 3, 2021 20:25
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
[Type] Enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Buttons need hover, active, and focus states
2 participants