-
Notifications
You must be signed in to change notification settings - Fork 26
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(choice-tile): implement new slim option #837
feat(choice-tile): implement new slim option #837
Conversation
Deploy preview for helix-ui ready! Built with commit e09e8c5 |
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.
@BY00565233, please check and verify these updates work in IE11 and Legacy Edge along with Firefox, Safari, and Chrome.
We want the default styles and functionality to work in IE11 and Legacy Edge.
26d9e6b
to
442226b
Compare
height: 64px; | ||
width: 221px; |
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.
Please use rem
units. Only go to X.XX rem for values.
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.
Changes have been done, Please review
@@ -18,13 +18,15 @@ hx-tile { | |||
font-size: 1rem; |
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.
Please verify Choice Tile component next specs.
Also remove border-radius (Line 10).
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.
Changes have been done, Please review
@@ -18,13 +18,15 @@ hx-tile { | |||
font-size: 1rem; | |||
font-weight: 700; | |||
margin-bottom: 0; | |||
color: $gray-700; | |||
color: var(--hxChoiceTile-header-color, $gray-700); | |||
line-height: 24px; |
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.
Please convert to rem
units.
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.
Changes have been done, Please review
b177607
to
fc3a286
Compare
fc3a286
to
b85b8f0
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.
DEV LGTM
d06b8a4
to
0d44fd9
Compare
0d44fd9
to
e09e8c5
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.
Dev LGTM
Description
<hx-choice-tile>
: Added the new slim option choice tileWhat are the relevant story cards/tickets? Any additional PRs or other references?
Jira: SURF-2154
Before you request a review for this PR:
yarn test
to ensure all tests passed?