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

Update DocLink component (Post Chakra) #8579

Merged

Conversation

TylerAPfledderer
Copy link
Contributor

Description

  • Remove Box wrapping all components and send its props to LinkBox
  • Remove position='relative' from a Flex component that preventing the whole component from being clickable.
  • Apply useToken to use a theme token in the boxShadow prop instead of a CSS Variable
  • Replace one prop value with a spacing token
  • Remove role="group" as it is invalid to the accessibility of this component (it's a single item, not a group of items)

Related Issue

N/A

@gatsby-cloud
Copy link

gatsby-cloud bot commented Nov 12, 2022

✅ ethereum-org-website-dev deploy preview ready

Copy link
Member

@pettinarip pettinarip left a comment

Choose a reason for hiding this comment

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

Awesome! thanks @TylerAPfledderer 🚀

_hover={{
background: "tableBackgroundHover",
borderRadius: "base",
boxShadow: `0 0 1px ${linkBoxShadowColor}`,
Copy link
Member

Choose a reason for hiding this comment

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

I like a lot more this way than using the css var

@pettinarip pettinarip merged commit 1009efd into ethereum:dev Nov 21, 2022
@TylerAPfledderer TylerAPfledderer deleted the refactor/doc-link-chakra-update branch November 21, 2022 18:55
@corwintines corwintines mentioned this pull request Nov 21, 2022
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.

None yet

2 participants