search

docker / genai-stack

Langchain + Docker + Neo4j + Ollama
Creative Commons Zero v1.0 Universal
4.06k stars 880 forks source link

Steamlit Text Box Covered by "Select RAG mode" #144

Closed jordanallenlewis closed 2 weeks ago

jordanallenlewis commented 8 months ago

I just recently started exploring this project and I'm wondering if others have experienced the same issue as me:

On the support bot streamlit front end, the bottom text box where you type in your prompt is mostly covered by the RAG question. Anyone else experiencing this?

image

sopheck commented 8 months ago

:hand: Same here. I haven't used Docker GenAI for a while but I remember it showing up correctly at first.

grafik

anirbanbasu commented 6 months ago
Screenshot 2024-04-25 at 8 55 08

Same for me!

llmscope commented 6 months ago

Exactly the same for me — runing in ubuntu 22.04, tried both local firefox browser or NAT another chrome browser.

hsiehgeoVA commented 3 months ago

Ran into the same issue. Worked around the problem by giving the fixed position to the chatbox, instead of the "Select RAG mode" pane. This is done by modifying the CSS style for Streamlit UI in bot.py file: 1) commenting out the "position: fixed" line for the '.element-container:has(aria-lable="Select RAG mode"' element, and 2) adding "position: fixed" line for the '.stChatFloatingInputContainer' element.

With these changes, the chatbox takes a fixed position at the bottom of the page, while the "Select RAG mode" pane becomes a floating element. So, the chatbox is no longer covered by the "Select RAG mode". This workaround allowed me to continue with the demo app successfully.

--- Streamlit UI style sheet modification in bot.py file ---

Streamlit UI

styl = f"""