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(menu-toggle): added rounded corners to primary #4494

Merged
merged 3 commits into from Nov 10, 2021

Conversation

mattnolting
Copy link
Contributor

closes #4493

@patternfly-build
Copy link

patternfly-build commented Nov 5, 2021

Preview: https://patternfly-pr-4494.surge.sh

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

just one question

@@ -130,6 +131,8 @@
--pf-c-menu-toggle--active--BackgroundColor: var(--pf-c-menu-toggle--m-primary--active--BackgroundColor);
--pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
--pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);

border-radius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
Copy link
Contributor

Choose a reason for hiding this comment

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

wdyt about adding this to the base toggle and using a var for the primary variation? then we can add that for other variations if we add them.

Copy link
Contributor

Choose a reason for hiding this comment

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

oh sorry what I meant was like:

.pf-c-menu-toggle {
  --pf-c-menu-toggle--BorderRadius: 0;
  --pf-c-menu-toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);

  border-radius: var(--pf-c-menu-toggle--BorderRadius);

  &.pf-m-primary {
    --pf-c-menu-toggle--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
  }
}

Then we can just update the --BorderRadius var any time we need to introduce a border-radius to a variation instead of defining the property per variation.

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

LPTM!!

@mcoker mcoker merged commit 6758894 into patternfly:main Nov 10, 2021
@patternfly-build
Copy link

🎉 This PR is included in version 4.156.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

@mattnolting mattnolting deleted the fix-menu-toggle-4493 branch January 6, 2022 21:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

fix(menu-toggle): primary style should match dropdown primary style
3 participants