Fix width of snackbar on mobile devices #1813
Conversation
Storybook and Tailwind configuration previews: Ready Storybook: https://wordpress.github.io/openverse-frontend/_preview/1813 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. |
Size Change: -1.31 kB (0%) Total Size: 792 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.
The snackbar does not appear to me when tested on my phone (Android with Chrome) but on the mobile simulator of the browser, it looks good. Perhaps we can add a visual regression test for sm viewports?
Description
This PR updates the
max-w-full
class applied on the snackbar to account for the space left on both sides.Testing Instructions
main
using a mobile phone.Screenshots
main
Checklist
Update index.md
).main
) or a parent feature branch.Developer Certificate of Origin
Developer Certificate of Origin