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(list-box): update hover active item background color #7832

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Feb 17, 2021

Closes #7490

This PR updates the hover state background color for active/selected items in list boxes per new spec guidelines

Testing / Reviewing

Select and hover over a multiselect item in the storybook and confirm the correct color tokens are used

@emyarod emyarod requested a review from aagonzales February 17, 2021 21:37
@emyarod emyarod requested a review from a team as a code owner February 17, 2021 21:37
@netlify
Copy link

netlify bot commented Feb 17, 2021

Deploy preview for carbon-elements ready!

Built with commit c42fb55

https://deploy-preview-7832--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Feb 17, 2021

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit c42fb55

https://deploy-preview-7832--carbon-components-react.netlify.app

Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

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

The selected+hover looks correct now but the original problem in the issue is still there. When using the keyboard and arrowing through the selected options there is no visual indicator. It should look the same keyboard arrowing through the items as it does when you hover over them.

@emyarod emyarod force-pushed the 7490-multiseslect-hover-active-colorss branch from 2b4ac32 to 3894b69 Compare February 18, 2021 17:25
@emyarod emyarod requested a review from aagonzales February 18, 2021 17:25
Copy link
Collaborator

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

LGTM 👍 ✅

@kodiakhq kodiakhq bot merged commit 36e28af into carbon-design-system:master Feb 23, 2021
@emyarod emyarod deleted the 7490-multiseslect-hover-active-colorss branch February 24, 2021 15:27
@dakahn dakahn mentioned this pull request Mar 4, 2021
@emyarod emyarod mentioned this pull request Mar 8, 2021
60 tasks
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.

Select/Multiselect active descendent is the same colour as already selected items, affecting Keyboard users
4 participants