-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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(structured-list): add selected background border #13384
fix(structured-list): add selected background border #13384
Conversation
✅ Deploy Preview for carbon-components-react ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
✅ Deploy Preview for carbon-elements ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- The hover and selected state backgrounds should overlap or hide the rule dividers if that is possible.
- The hover state background color should be
$layer-hover
. I would just double-check because it seems lighter and might currently be $background-layer.
Re-requesting reviews @tw15egan @laurenmrice @francinelucca This PR now should have correct hover and border colors, it should hide the border when on hover/selected and it should fix the border bug from #13383 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
@alisonjoseph the fix looks great! But I'm able to click and change the background on the default |
…oseph/carbon into selected-structured-list
@tw15egan good catch! Should be fixed now 😅 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to me! ✅
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍 ✅
Closes #5232
Closes #13383
Changelog
Adds selected background state for structured list. Noticed a bug with the border while adding this and created a new issue.
New
Testing / Reviewing
Check that selected state is correct
https://deploy-preview-13384--carbon-components-react.netlify.app/?path=/story/components-structuredlist--selection
Thanks @francinelucca for the cross-browser fix! 🥳