-
Notifications
You must be signed in to change notification settings - Fork 0
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
HPC-9742 Modify button component style #465
Conversation
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.
Checks have passed and this pull request is ready for manual review
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.
One minor thing I'll address myself and then merge this
text-decoration: none; | ||
background-color: ${(p) => p.theme.colors.pallete.gray.light}; | ||
color: #fff; | ||
} | ||
&.${COLOR_CLS.neutral_light} { |
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.
This looks little out of place. You have added this definition where empty line was, which makes git report as single line was removed, while entire PR adds new code.
There is a certain order established in COLOR_CLS
and it goes primary
, primary_light
, secondary
, secondary_light
, neutral
, neutral_light
, so I'd respect this order when using the variables and place neutral_light
after secondary_light
.
Not very important, but contributes to better readability.
We use MUI library to use various component, in this page: https://mui.com/system/getting-started/the-sx-prop/#borders > "The borderRadius property multiplies the value it > receives by the theme.shape.borderRadius value > (the default for this value is 4px)." So to mantain some uniformity, we will use the same border-radius in our button
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.
Checks have passed and this pull request is ready for manual review
Nature of PR
Description
For more information read info in ticket HPC-9742. This PR includes code for modifying and adding new styles to our existing button for it to have more cohesion with how we are styling our components.
How to test changes
Verify that the modified styles show up as expected.
TODO:
No todo