You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The descriptions in the idea list cards on the Idea List page currently display the full text in some and truncated in others, regardless of length. This can lead to inconsistent card sizes, poor readability, and a cluttered UI, especially when the description text is very long.
To improve the user experience and maintain a consistent design, we need to truncate descriptions that exceed a specific character limit and append an ellipsis (...) to indicate there is more text.
Expected Behavior:
Descriptions longer than the specified character limit (e.g., 100 characters) should be truncated.
An ellipsis (...) should be added to truncated descriptions to indicate continuation.
Descriptions shorter than the character limit should remain unaffected.
The design and layout of the cards should remain consistent across different descriptions.
Steps to Implement:
Create a utility function to handle text truncation (e.g., truncateText).
Replace the current description rendering logic with the truncated version.
Test to ensure truncation works correctly for descriptions of varying lengths.
Verify that the UI remains visually consistent.
Acceptance Criteria:
Long descriptions are truncated to the specified character limit with an ellipsis appended.
Short descriptions remain unchanged.
No overflow or inconsistent layout in idea cards.
Visual consistency across all cards in the Idea List.
Additional Context:
This change is aimed at enhancing UI/UX and maintaining readability in the Idea List view. If you have any suggestions for the character limit or design, feel free to discuss them in this issue.
The text was updated successfully, but these errors were encountered:
I’ve submitted a PR addressing issue #344 , where I implemented text truncation for long descriptions in the idea list cards. The changes ensure a consistent UI and improve readability by limiting the description length and appending an ellipsis (...) for truncated text.
I’ve tested the fix and verified that:
Long descriptions are truncated correctly.
Short descriptions remain unaffected.
The UI remains consistent and visually clean.
Please let me know if there are any changes or improvements you'd like me to make. Looking forward to your feedback and hoping for your approval to merge this.
Issue Description:
The descriptions in the idea list cards on the Idea List page currently display the full text in some and truncated in others, regardless of length. This can lead to inconsistent card sizes, poor readability, and a cluttered UI, especially when the description text is very long.
To improve the user experience and maintain a consistent design, we need to truncate descriptions that exceed a specific character limit and append an ellipsis (
...
) to indicate there is more text.Expected Behavior:
...
) should be added to truncated descriptions to indicate continuation.Steps to Implement:
truncateText
).Acceptance Criteria:
Additional Context:
This change is aimed at enhancing UI/UX and maintaining readability in the Idea List view. If you have any suggestions for the character limit or design, feel free to discuss them in this issue.
The text was updated successfully, but these errors were encountered: