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

Features Widget - Truncation and Spacing/Padding Issues #256

Closed
jrayDFW opened this issue Sep 11, 2024 · 2 comments · Fixed by #260
Closed

Features Widget - Truncation and Spacing/Padding Issues #256

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

Comments

@jrayDFW
Copy link

jrayDFW commented Sep 11, 2024

Describe the bug
For the Features Widget on the Dashboard, the features should not be truncated. The spacing/padding for each feature (when there are more than 5-6 features in the widget) is also too small, and the text will sometimes get cut off.

To Reproduce Bug
Steps to reproduce the bug:

  1. Go to the Features page.
  2. Add more than 5-6 features in the 'Must-Have' category.
  3. Go to the Dashboard
  4. See the Features widget with the spacing and truncation issues

Expected behavior
This widget should house the must-have features for the project and each of the features should be clearly visible so that users can quickly access them. Because of this, they should not be truncated and each of the features should have a bit more padding so that they are easily readable. See the screenshots down below for a reference, thank you.

Screenshots
How it looks in the Alpha platform currently, where the features are truncated and the text is sometimes cut off for some of the features due to the lack of padding:
Features - Current

Closer example of text cut off:
Features - Cutoff Text

How the Features widget should look:
Features - How it Should Look

How the Features widget should look, with the top feature having a longer name that is not truncated:
Features - Longer Name

Additional context
N/A

--------------- 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 Sep 11, 2024
@jdmedlock
Copy link
Contributor

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

@Dan-Y-Ko
Copy link
Contributor

I think this is just a styling issue in the dashboard page so it can be worked on now

@JaneMoroz JaneMoroz self-assigned this Sep 17, 2024
@JaneMoroz JaneMoroz linked a pull request Sep 18, 2024 that will close this issue
12 tasks
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