Fix PageCard description text overflow#176
Conversation
Changed the CSS utility class from `truncate` to `line-clamp-2` for the card description. This ensures long text wraps onto a maximum of two lines with an ellipsis instead of clipping horizontally and breaking the card layout.
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
WalkthroughPageCard's description now displays up to two lines of text instead of being truncated to one. The paragraph element swapped from ChangesPageCard Description Styling
Look, someone finally realized that jamming multi-sentence descriptions into a single truncated line was about as user-friendly as a deploy on Friday at 4:59 PM. Now descriptions can breathe for a whole two lines before getting the guillotine. It's not rocket science, but it's the kind of small UX win that doesn't torpedo someone's weekend trying to debug why their carefully-written copy got mangled. Ship it and move on. 🔥 🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Changed the CSS utility class from
truncatetoline-clamp-2for the card description. This ensures long text wraps onto a maximum of two lines with an ellipsis instead of clipping horizontally and breaking the card layout.Summary by CodeRabbit