-
-
Notifications
You must be signed in to change notification settings - Fork 9k
refactor(website): various fixes and improvements on Showcase page #5997
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
Conversation
✔️ [V2] 🔨 Explore the source changes: 3ac587e 🔍 Inspect the deploy log: https://app.netlify.com/sites/docusaurus-2/deploys/61a0aa3c18b9f7000702f4f0 😎 Browse the preview: https://deploy-preview-5997--docusaurus-2.netlify.app |
⚡️ Lighthouse report for the changes in this PR:
Lighthouse ran on https://deploy-preview-5997--docusaurus-2.netlify.app/ |
Size Change: -804 B (0%) Total Size: 891 kB
ℹ️ View Unchanged
|
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.
Thanks for working on this! Some stuff (especially the link hover underline) I've noticed before but either don't have the bandwidth / don't know how to fix, so it's great that we figured it out
.showcaseCardTitle a:focus-visible::after { | ||
width: 100%; | ||
.showcaseCardTitle a:not(:focus):hover { | ||
background-size: 100% 1px; |
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.
TIL🧐
history.push({ | ||
...location, | ||
search: searchParams.toString(), | ||
state: {scroll: window.scrollY}, |
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.
Is it possible to preserve the focus here, e.g. refocus to the last toggled element? It's already a great improvement
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.
Yes, it makes sense, just made a basic implementation of it, but feel free to improve the code if you want (I won't have a chance to do it until the weekend).
website/src/pages/showcase/_components/ShowcaseFilterToggle/styles.module.css
Show resolved
Hide resolved
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.
LGTM
Motivation
aria-describedby
should be used on interactive/focusable elementsHave you read the Contributing Guidelines on pull requests?
Yes
Test Plan
Preview
Related PRs
(If this PR adds or changes functionality, please take some time to update the docs at https://github.com/facebook/docusaurus, and link to your PR here.)