Uh oh!
There was an error while loading. Please reload this page.
fix(ui): avoid README actions to be cropped with visible focus - #1144
Conversation
The latest updates on your projects. Learn more about Vercel for GitHub.
2 Skipped Deployments
|
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
📝 WalkthroughWalkthroughThe pull request modifies the CSS in Possibly related PRs
Suggested reviewers
🚥 Pre-merge checks | ✅ 1✅ Passed checks (1 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches🧪 Generate unit tests (beta)
Comment |
0b14af5 to
befb654CompareUh oh!
There was an error while loading. Please reload this page.
Go to https://npmx.dev/package/nuxt, and focus README actions with your keyboard. You’ll observe that the focus ring is cropped:
This is due to the entire README area having an
overflow-x: hidden. I suppose this is there to avoid README content to overflow in the page, so I’ve isolated this CSS rule to target only the real README content of this<div>, letting the overflow possible for the README actions bar, which gives the following rendering.