Task Card Title Display Enhancement

[sahsisunny]

Closes : #565

Description: This pull request addresses the issue of task card titles not being displayed correctly when the title is long and wrapping to multiple lines. The proposed changes aim to improve the task card title display by ensuring that long titles are shown in a single line with an ellipsis (...) to indicate that the title has been truncated.

Changes Made:

1. Updated the CSS styles for task card titles to enforce a single line display.
2. Added the text-overflow: ellipsis property to truncate long titles with an ellipsis when they exceed the available width.

After Changes

https://github.com/Real-Dev-Squad/website-status/assets/70854507/e51cac31-de91-489a-95e9-28db10d09209

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
status-app	✅ Ready (Inspect)	Visit Preview	May 16, 2023 7:13am

[heyrandhir]

As discussed please add tooltip for the ellipsis.

[sahsisunny]

As discussed please add tooltip for the ellipsis.

Currently we don't have a design for tooltip so i can't add it.

[heyrandhir]

As discussed please add tooltip for the ellipsis.

Currently we don't have a design for tooltip so i can't add it.

In that case can you create a ticket for adding tooltip and mention there that design is awaited. and add that ticket link here.

[sahsisunny]

As discussed please add tooltip for the ellipsis.

Currently we don't have a design for tooltip so i can't add it.

In that case can you create a ticket for adding tooltip and mention there that design is awaited. and add that ticket link here.

Issue ticket for add tooltip - https://github.com/Real-Dev-Squad/website-status/issues/570