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

Bug: Long Descriptions Overflow in Idea List Cards – Add Truncation #343

Open
4 tasks
Swapnil-Parashar opened this issue Jan 23, 2025 · 1 comment · May be fixed by #344
Open
4 tasks

Bug: Long Descriptions Overflow in Idea List Cards – Add Truncation #343

Swapnil-Parashar opened this issue Jan 23, 2025 · 1 comment · May be fixed by #344

Comments

@Swapnil-Parashar
Copy link

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:

  • 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:

  1. Create a utility function to handle text truncation (e.g., truncateText).
  2. Replace the current description rendering logic with the truncated version.
  3. Test to ensure truncation works correctly for descriptions of varying lengths.
  4. 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.

@Swapnil-Parashar
Copy link
Author

Hi Maintainers,

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant