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

Fix unreadable secondary text in dropdown-item on hover/focus #1488

Merged
merged 4 commits into from
Jul 2, 2021
Merged

Fix unreadable secondary text in dropdown-item on hover/focus #1488

merged 4 commits into from
Jul 2, 2021

Conversation

cheshire137
Copy link
Member

@cheshire137 cheshire137 commented Jul 2, 2021

This makes a change to how .color-text-* elements within a .dropdown-item in the hover or focus state appear. Before, the text would appear as dark gray, and thus unreadable on the blue hover background of the dropdown item. With this change, they appear as white, like unstyled text in the dropdown item is on hover.

Before After
image image

/cc @koddsson

@changeset-bot
Copy link

changeset-bot bot commented Jul 2, 2021

🦋 Changeset detected

Latest commit: 1b917b2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/css Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

src/dropdown/dropdown.scss Outdated Show resolved Hide resolved
@jonrohan jonrohan merged commit c345bd3 into primer:main Jul 2, 2021
@cheshire137 cheshire137 deleted the patch-1 branch July 2, 2021 20:53
@primer-css primer-css mentioned this pull request Jul 2, 2021
@cheshire137
Copy link
Member Author

Thank you!

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.

2 participants