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
Conversation
Preview: https://patternfly-pr-4494.surge.sh |
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.
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); |
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.
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.
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.
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.
33ef7cb
to
f18266d
Compare
f18266d
to
96f5ec9
Compare
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.
LPTM!!
🎉 This PR is included in version 4.156.2 🎉 The release is available on: Your semantic-release bot 📦🚀 |
closes #4493