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

docs(choice-tile): implement and document vars and attrs #795

Merged
merged 1 commit into from
Feb 2, 2021
Merged

docs(choice-tile): implement and document vars and attrs #795

merged 1 commit into from
Feb 2, 2021

Conversation

lalithkarikelli
Copy link
Contributor

@lalithkarikelli lalithkarikelli commented Dec 8, 2020

Description

hx-choicetile : implement and document variables and attributes

What are the relevant story cards/tickets? Any additional PRs or other references?

Jira: SURF 2103

Before you request a review for this PR:

  • For UI changes, did you manually test in recent versions of modern browsers (Chrome, Firefox, and Safari)?
  • For UI changes, did you manually test in IE11 and legacy Edge?
  • Did you add component tests for any new code?
  • Did you run the component unit tests via yarn test to ensure all tests passed?
  • Did you include a screenshot of the component tests?
  • If you changed/added functionality, did you update the demo page and documentation?
  • If needed, did you add or modify the demo test page to test the changed/added functionality?
  • Did you assign reviewers?
  • In Jira, have you linked to this PR on the ticket(s)?

@netlify
Copy link

netlify bot commented Dec 8, 2020

Deploy preview for helix-ui ready!

Built with commit 43e273c

https://deploy-preview-795--helix-ui.netlify.app

@@ -27,24 +25,22 @@
@mixin hxChoiceTile--invalid($pseudo-state: null) {
@if $pseudo-state == focus {
box-shadow: $focus-glow-invalid;
}
@else if $pseudo-state == hover {
} @else if $pseudo-state == hover {
background-color: $red-100;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Please write : background-color: var(--hxChoiceTile-invalid-hover-bgcolor, $red-100);

Copy link
Contributor Author

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.

@@ -27,24 +25,22 @@
@mixin hxChoiceTile--invalid($pseudo-state: null) {
@if $pseudo-state == focus {
box-shadow: $focus-glow-invalid;
}
@else if $pseudo-state == hover {
} @else if $pseudo-state == hover {
background-color: $red-100;
border-color: $red-900;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Please write : border-color : var(--hxChoiceTile-invalid-hover-bordercolor, $red-900);

Copy link
Contributor Author

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.

Copy link
Collaborator

@badejayayesubabu badejayayesubabu left a comment

Choose a reason for hiding this comment

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

DEV LGTM

@100stacks 100stacks changed the title docs(hx-choicetile): implement and document variables and attributes docs(choice-tile): implement and document vars and attrs Dec 17, 2020
Copy link
Member

@100stacks 100stacks left a comment

Choose a reason for hiding this comment

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

Please rebase and fix merge conflicts.

@100stacks 100stacks added the PR: Comments Provided PR: Comments Provided label Jan 19, 2021
@100stacks 100stacks marked this pull request as ready for review January 20, 2021 22:00
@lalithkarikelli
Copy link
Contributor Author

Please rebase and fix merge conflicts.

@100stacks fixed merge conflicts ,rebased with master, added new variables and squashed the commits

Copy link
Member

@100stacks 100stacks left a comment

Choose a reason for hiding this comment

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

@lalithkarikelli, we'll work on small mods to variable naming at a future time.

Dev LGTM.

@100stacks 100stacks merged commit b1a1e98 into HelixDesignSystem:master Feb 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants