Display Issues with Lengthy Organization Names

[Vaishali054]

Describe the bug
The organization name exceeds the provided display box, causing readability issues in the user interface.

**To Reproduce **

1. Create a new organization by entering a lengthy name.
2. Observe the display issue as the lengthy organization name exceeds the allocated space, causing it to extend beyond the designated box or container, resulting in overlapping with other elements in the user interface.

Expected behavior
The layout should accommodate longer names without causing overlap

Screenshots

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[Vaishali054]

can you please assign it to me?

[Cioppolo14]

@Vaishali054 Please work with @aashimawadhwa as she has knowledge of how to resolve this issue.

[Vaishali054]

@aashimawadhwa I was thinking about applying Ellipsis or do you want the whole name to be displayed?
I was thinking to display name upto a particular length. If the length of an organisation name exceeds this we can add Ellipsis in that case. How does it sounds?

[rishav-jha-mech]

@Vaishali054 please refer to this famous stack overflow question, while you work on this, make sure it is implemented everywhere where there can be text overflow, this is a UI issue, so you I don't think you have to write tests for this.

https://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css

[Veer0x1]

@Vaishali054 Are you still working on this issue, if not than can I proceed with it?

[Vaishali054]

@rishav-jha-mech should I also adjust the event name length on the Org Dashboard as part of this issue so that each event entry seems uniform? Right now the box resizes according to the event name length.

[rishav-jha-mech]

@Vaishali054 the lengthy posts and events name along with their layouts are updated by now, this wont be an issue anymore

[Vaishali054]

@rishav-jha-mech yes it is now.