Fix Chat Component UI

[Saachi26]

The chat component's UI requires improvements to ensure better readability and user experience.
Specifically:

• Make the text boxes proportionate to the text.
• The text boxes should resize dynamically according to the text content.

Tasks

• Dynamically resize text boxes based on the text length.
• Remove the extra scroll bar from the chat component.

[nunniii]

can I work in this ?

[MadhavKrishanGoswami]

go ahead @nunniii!

[nunniii]

Good morning, @MadhavKrishanGoswami! 🌅 , please consider testing the chat changes made in this fork so I can create a PR.

• I was unable to observe the divs that contain the message content of "other" (classes .other) as I had difficulty navigating the project.
• Please also note that the file preventHorizontalScroll.js was added, which is a tool to address the issue of a horizontal scroll bar being rendered whenever the user's window is resized or when the stylesheets are modified. I’m not sure of the best way to resolve this issue, but this file has been effective in preventing the scroll.
• There are issues with the floating logic applied in the stylesheet: I believe it’s worth mentioning, even though it seems to be just a detail, I couldn’t find a solution for this part:

It remains hidden:

In summary, here’s a preview:

[Saachi26]

Thanks for your work on this issue! To properly review and test what you've worked on, could you please create a pull request? Once the PR is up, we can go through the changes and ensure everything is functioning as expected.

[nunniii]

alright! 💻

[Jasmeetkaur-13]

Could you please assign me to the task of fixing the Chat Component UI. I'm ready to work on improving the text box proportions and making them dynamically resize according to the text content

[MadhavKrishanGoswami]

Absolutely, @Jasmeetkaur-13 You’re assigned. Let me know if you need anything. 🚀

[Jasmeetkaur-13]

Thank you for assigning me this task! I'll make sure to focus on improving the Chat Component UI, especially the dynamic resizing of the text box. If I come across any challenges or need assistance, I'll definitely reach out. Looking forward to delivering the best result! 😊

…

On Tue, Oct 15, 2024 at 8:12 PM Madhav Krishan Goswami < ***@***.***> wrote: Absolutely, @Jasmeetkaur-13 <https://github.com/Jasmeetkaur-13> ! I've assigned you to the task of fixing the Chat Component UI. Looking forward to seeing your improvements, especially with the dynamic resizing of the text box. Let me know if you need any assistance along the way. Good luck! 🚀 — Reply to this email directly, view it on GitHub <#20 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BCFBXWQW236TW7JW6UGBBZLZ3USVLAVCNFSM6AAAAABPOPKZ7CVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMJUGEZTENBXHA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[anchalchaturvedi08]

Can you assign me this task too?

[MadhavKrishanGoswami]

Sure, if you'd like, you can collaborate with @Jasmeetkaur-13 , as she's already working on this task.