feat: switch dependency icons to be tappable tooltips#1471
Conversation
This changes the icons to be their own tappable (or clickable) icons which then open their tooltips. Before this change, there was no way to see them on mobile as a tap would click the version link and change page.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
2 Skipped Deployments
|
Codecov Report❌ Patch coverage is
📢 Thoughts on this report? Let us know! |
📝 WalkthroughWalkthroughThe pull request modifies the Dependencies.vue component to refactor how dependency status indicators and their associated tooltips are implemented. The changes replace span wrappers with button elements for outdated and replacement dependency indicators. The circle-alert icon for outdated dependencies and the lightbulb icon for replacement suggestions are now wrapped in buttons with explicit aria-labels. The modifications remove inline padding classes and the aria-hidden attribute from the tooltip targets, simplifying the visual wrapper structure whilst maintaining the functional tooltip behaviour. Possibly related PRs
Suggested reviewers
🚥 Pre-merge checks | ✅ 2✅ Passed checks (2 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches🧪 Generate unit tests (beta)
No actionable comments were generated in the recent review. 🎉 Comment |
This changes the icons to be their own tappable (or clickable) icons
which then open their tooltips.
Before this change, there was no way to see them on mobile as a tap
would click the version link and change page.