🐛 Bug Report: UI fix is needed when clicking on API-docs.md, text overflowing

shriyaMadan commented 10 months ago

📜 Description

Under the sources we see 2 options:

API-docs.md
How-to-use-different-LLM.md

When I click on "1. API-docs.md", a text line is overflowing out of the text-box, this is because the complete statement has no space between it, and we did not add styling for such case, so the styling needs to be fixed.

👟 Reproduction steps

Type "Hi"/"Hello" in the textbox
You will see sources fetching 2 options for you 1. API-docs.md 2. How-to-use-different-LLM.md
Click on "1. API-docs.md"
A textbox is received with overflowing text line, which is our bug to be fixed.

👍 Expected behavior

The text line in the above mentioned Description should break according to the response's text-box confinement.

👎 Actual Behavior with Screenshots

💻 Operating system

MacOS

What browsers are you seeing the problem on?

Chrome, Safari

🤖 What development environment are you experiencing this bug on?

Local dev server

🔒 Did you set the correct environment variables in the right path? List the environment variable names (not values please!)

No response

📃 Provide any additional context for the Bug.

I see this bug on the live site running at https://docsgpt.arc53.com/

📖 Relevant log output

No response

👀 Have you spent some time to check if this bug has been raised before?

[X] I checked and didn't find similar issue

🔗 Are you willing to submit PR?

Yes, I am willing to submit a PR!

🧑‍⚖️ Code of Conduct

[X] I agree to follow this project's Code of Conduct

shriyaMadan commented 10 months ago

please assign this issue to me, thanks!

HeetVekariya commented 10 months ago

@dartpain I have found the solution for this issue. If no one is working on this issue, i can make a PR.

Approach:

I don't wanted to make the content scroll-able, so add the css to break-down the long words and wrap onto the next line using word-wrap: break-word;
Screenshort
If you find this solution correct, can you please assign this issue to me.

shriyaMadan commented 10 months ago

Yes this is the right solution that I wanted to apply in the codebase. But the issue for me is that I am unable to run and test this dialog message locally, the backend setup for me isn't working as per the instructions using Docker.

arc53 / DocsGPT