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

feat(menu-fullscreen): fix colours when MenuItem used as child of MenuSegmentTitle #7097

Merged
merged 2 commits into from
Dec 10, 2024

Conversation

damienrobson-sage
Copy link
Contributor

@damienrobson-sage damienrobson-sage commented Nov 27, 2024

Proposed behaviour

Adds context to MenuSegmentTitle which allows MenuItem to know if the wrapping parent element is a MenuSegmentTitle and if so, override the colouring. Additional changes have also been implemented to ensure that this only happens when MenuFullscreen is used - normal Menu items are unaffected.

Current behaviour

When used as a child of MenuSegmentTitle with the alternate variant, the wrong colouring is applied to MenuItem

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • 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
  • 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

Resolves 6789

Testing instructions

Use the new Menu Storybook entry to verify the changes work and do not impact other menus

DipperTheDan
DipperTheDan previously approved these changes Nov 29, 2024
mihai-albu-sage
mihai-albu-sage previously approved these changes Dec 2, 2024
@harpalsingh harpalsingh marked this pull request as ready for review December 3, 2024 09:29
@harpalsingh harpalsingh requested review from a team as code owners December 3, 2024 09:29
@damienrobson-sage damienrobson-sage force-pushed the FE-6679-menufullscreen-variants branch from 4dc8547 to d495f7a Compare December 4, 2024 15:39
mihai-albu-sage
mihai-albu-sage previously approved these changes Dec 6, 2024
DipperTheDan
DipperTheDan previously approved these changes Dec 6, 2024
paulrobinson88
paulrobinson88 previously approved these changes Dec 9, 2024
DipperTheDan
DipperTheDan previously approved these changes Dec 9, 2024
@damienrobson-sage damienrobson-sage force-pushed the FE-6679-menufullscreen-variants branch from eb2a530 to 7b6ae46 Compare December 9, 2024 17:10
@mihai-albu-sage mihai-albu-sage self-requested a review December 10, 2024 10:01
@damienrobson-sage damienrobson-sage merged commit 03a6c4b into master Dec 10, 2024
24 checks passed
@damienrobson-sage damienrobson-sage deleted the FE-6679-menufullscreen-variants branch December 10, 2024 10:25
@carbonci
Copy link
Collaborator

🎉 This PR is included in version 144.17.0 🎉

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.

MenuSegmentTitle Dose not render the correct color for full screen view
6 participants