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 Back to results button to use the new VButton variant and size #1141
Conversation
Size Change: -72 B (0%) Total Size: 857 kB
ℹ️ View Unchanged
|
Full-stack documentation: https://docs.openverse.org/_preview/1141 Please note that GitHub pages takes a little time to deploy newly pushed code, if the links above don't work or you see old versions, wait 5 minutes and try again. You can check the GitHub pages deployment action list to see the current status of the deployments. |
bf0e196
to
3d7e369
Compare
3d7e369
to
5cdd0df
Compare
e8d7073
to
cd15b68
Compare
1e67a0e
to
1128095
Compare
1128095
to
1af143d
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.
LGTM with one caveat: on my local machine the button's focus border is slightly thinner on the bottom and right-hand sides. That might just be an issue with my screen resolution + zoom configuration (though I'm at 100% in the screenshot):
There's no snapshot test for the button in implementation so I can't confirm if Playwright sees the same issue, but as long @obulat you and the other reviewer don't see it, it's good to go for me.
Interesting. I rebased this PR onto main after merging #1118, and tried this in Chrome, Firefox and Safari, and couldn't replicate this issue. I wonder if all focus rings for transparent buttons look like that for you. Could you try the Storybook buttons? |
9bfea0d
to
bf10b21
Compare
bf10b21
to
df57f27
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.
I tested it on Chrome, FF, and Safari. And it looks great ✨
Fixes
Related to #1020 by @obulat
Description
This PR updates the "Back to results" button to use a
transparent-gray
button in sizemedium
.Testing Instructions
Check that the button looks correct.
Checklist
Update index.md
).main
) ora parent feature branch.
errors.
Developer Certificate of Origin
Developer Certificate of Origin