Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Resource Cards - Title Length Should be Extended Inside the Cards #207

Closed
jrayDFW opened this issue Aug 23, 2024 · 2 comments · Fixed by #225
Closed

Resource Cards - Title Length Should be Extended Inside the Cards #207

jrayDFW opened this issue Aug 23, 2024 · 2 comments · Fixed by #225
Assignees
Labels
bug Something isn't working status/IN PROGRESS team/FE Frontend Team

Comments

@jrayDFW
Copy link

jrayDFW commented Aug 23, 2024

Describe the bug
The length of the title in the Resource cards (on both the Dashboard Widget and the Resources' page) should be extended out to nearly the full length of the resource card and then wrap to a second line.

To Reproduce Bug
Steps to reproduce the bug:

  1. Go to the Resources' page and share at least 1 resource with a longer title.
  2. See how it trims/truncates the title to about halfway through the card.
  3. Click on the Dashboard Button/Tab to view the Resource Widget.
  4. See how the Resource widget trims/truncates the title too much.

Expected behavior
The title for the resource cards should be filling most of the card's length. Users might have a hard time understanding what the title of a resource is if it trims the title too short. Please see the attached screenshots below and Figma link for reference.

Screenshots
For the Resources' page, this is how it currently looks on the live platform (Title is too short):
truncateresourcecardlength

For the Resources' page, this is how it should look where the title is extended further out in the card:
updatedresource

For the Resource Widget on the Dashboard, this is how it currently looks on the live platform (Title is too short):
ResourceWidget - Current

For the Resource Widget on the Dashboard, this is how it should look where the title is longer and wraps inside of the card:
updated2resourcewidget

Additional context
Please see the Figma link to see the updates made: https://www.figma.com/design/OAKUcYBLP3UOaRlnKrcf1G/Chingu-Dashboard?node-id=4673-36454&t=VvgLHZfTTsQBauw1-4

--------------- End of User Report: DO NOT MODIFY ITEMS BELOW THIS LINE ---------------

GitHub Issue No. / ID

Team Task
Here will be added Team declaration by Team Leads.

Development start date
Date when dev team start fixing a bug

Development end date
Date when dev team complete fixing a bug

BugFix Deploy Date
Date when BugFix is deployed, and Bug Issue is closed

PO Comment
Here will be PO team add a comment.

@jrayDFW jrayDFW added the bug Something isn't working label Aug 23, 2024
@jrayDFW
Copy link
Author

jrayDFW commented Aug 23, 2024

I updated this comment after meeting with Dan in our FE:DE Meeting on 08/23/24. We decided to let the title fill up the resource card all the way as needed and wrap to additional lines underneath.

Link to Figma file w/updates: https://www.figma.com/design/OAKUcYBLP3UOaRlnKrcf1G/Chingu-Dashboard?node-id=4673-36454&t=VvgLHZfTTsQBauw1-4

@jdmedlock jdmedlock added Add to Clickup Clone this issue to Clickup and removed Add to Clickup Clone this issue to Clickup labels Aug 23, 2024
@JaneMoroz JaneMoroz self-assigned this Aug 26, 2024
@jdmedlock
Copy link
Contributor

jdmedlock commented Aug 28, 2024

DO NOT MODIFY/DELETE THIS COMMENT
Project task ID: 86b1v4p3v

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working status/IN PROGRESS team/FE Frontend Team
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants