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(badge): ensure badge does not appear under child components #7012

Merged
merged 2 commits into from
Oct 16, 2024

Conversation

nuria1110
Copy link
Contributor

fix #6765

Proposed behaviour

Badge appears over child components.

Screenshot 2024-10-10 at 13 21 39

Current behaviour

Badge appears underneath child components.

Screenshot 2024-10-10 at 13 21 28

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

Testing instructions

@nuria1110 nuria1110 self-assigned this Oct 10, 2024
@nuria1110 nuria1110 changed the title fix(badge): ensure badge does not appear under child components. fix(badge): ensure badge does not appear under child components Oct 10, 2024
tomdavies73
tomdavies73 previously approved these changes Oct 10, 2024
DipperTheDan
DipperTheDan previously approved these changes Oct 11, 2024
@DipperTheDan DipperTheDan marked this pull request as ready for review October 11, 2024 09:47
@DipperTheDan DipperTheDan requested a review from a team as a code owner October 11, 2024 09:47
@nuria1110 nuria1110 requested a review from a team as a code owner October 15, 2024 13:25
tomdavies73
tomdavies73 previously approved these changes Oct 15, 2024
DipperTheDan
DipperTheDan previously approved these changes Oct 15, 2024
This fix ensures badge does not appear under child components.

fix #6765
@@ -44,6 +44,7 @@ const StyledBadge = styled.span.attrs(({ onClick }) => ({
width: 22px;
min-height: 22px;
border: solid 2px transparent;
z-index: 2;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added this to fix issue found during QA:
image

@nuria1110 nuria1110 merged commit 64c933d into master Oct 16, 2024
24 checks passed
@nuria1110 nuria1110 deleted the FE-6665 branch October 16, 2024 13:21
@carbonci
Copy link
Collaborator

🎉 This PR is included in version 143.2.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

Badge appears under MultiActionButton
5 participants