Skip to content

Conversation

@7se7en72025
Copy link
Contributor

📝 Description

Fixes the issue where statistics cards were displaying truncated text with ellipses. Now cards show full content (up to 2 lines) and display a hover tooltip with the complete text when hovering over each card.

Key Changes:

  • Removed manual text truncation that limited titles to 12 characters
  • Cards now display up to 2 lines of text using line-clamp-2
  • Added hover tooltip that shows the complete title text
  • Improved card spacing and padding for better text display
  • Updated grid cards to use line-clamp-3 for better flexibility

🔗 Related Issue

Fixes #[issue_number]

🔄 Type of Change

  • 🐛 Bug Fix
  • 🎨 UI/UX Update (visual changes, styling improvements)
  • ♿ Accessibility Enhancement

📷 Visual Changes

Before:

  • Text truncated to 12 characters: "Kids whose l...", "Projects for..."
  • No way to see full text

After:

  • Cards show up to 2 lines of text
  • Hover tooltip displays complete sentence above the card
  • Better spacing and readability

🧪 Testing Performed

  • Verified full text displays on cards (up to 2 lines)
  • Verified hover tooltip appears and shows complete text
  • Tested on desktop and mobile views
  • Verified dark mode compatibility
  • Tested responsive behavior across breakpoints

♿ Accessibility

  • Tooltip is accessible via hover
  • Full text is now visible without requiring hover
  • Proper contrast in tooltip (white text on dark background)

addedfavicons and changed Randomfavicon.js
- Remove manual text truncation (12 character limit)
- Display full text with line-clamp-2 (up to 2 lines)
- Add hover tooltip showing complete title text
- Tooltip appears above card with smooth fade animation
- Dark mode compatible tooltip styling
- Responsive tooltip sizing for mobile and desktop
- Improve card padding and min-height for better text display
- Fix grid cards to use line-clamp-3 instead of fixed height

Fixes the issue where statistics card descriptions were truncated with ellipses.
Users can now see full text on hover and more text by default.
@github-actions
Copy link

🎉 All Checks Passed!

Status: ✅ Ready to merge

✅ Completed Workflows

Workflow Status Details
🔨 Continuous Integration ✅ Passed Build completed successfully
📝 Code Linting ✅ Passed All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant