feat(stats): centered hover tooltip showing full stat titles with animation #580
Conversation
🎉 All Checks Passed!
✅ Completed Workflows
🚀 This PR is ready for review and can be safely merged to Great work! Your code meets all quality standards. 👏 |
|
Hi @sa-fw-an — I fixed the stats card truncation and added a centered hover tooltip that shows full titles with animation. |
There was a problem hiding this comment.
Please do not push the files that you have not edited. The PR is great, but I want you to push only the Stats.tsx file and not the package-lock.json
There was a problem hiding this comment.
Hello, @sa-fw-an I updated the branch and restored package-lock.json to match main.
Only the Stats component changes are now included in the PR.
🎉 All Checks Passed!
✅ Completed Workflows
🚀 This PR is ready for review and can be safely merged to Great work! Your code meets all quality standards. 👏 |
2 participants
Summary
This PR fixes the stats cards UI by adding a centered animated hover tooltip that displays the full stat title and removes hard truncation. It also enables wrapping/line-clamp fallback so titles are readable across screen sizes without breaking layout.
Changes
line-clamp-2/ CSS fallback for multi-line wrapping.titleandaria-label.min-hto stat cards to keep visual alignment when titles wrap.Before & After Comparison
❌ Before (Issue)
✔ After (Improved Behavior)
QA checklist (done before PR)
npm run formatcompletednpm run lint:tspassednpm run lint:mdpassednpm run buildpassed