github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-07-16 23:21:44 -05:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

[GH-ISSUE #10948] [UI Bug] Horizontal Layout of Settings Left-Side Menu (Should be Vertical) #86825

New Issue
Closed
opened 2026-05-15 11:09:16 -05:00 by GiteaMirror · 1 comment
GiteaMirror commented 2026-05-15 11:09:16 -05:00
Owner
Copy Link

Originally created by @lushengbai on GitHub (Feb 28, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/10948

Installation Method

Docker

Environment

  • Open WebUI Version: [0.5.18]

  • Ollama (if applicable): [Not applicable for UI issue]

  • Operating System: [Ubuntu]

  • Browser (if applicable): Chrome [130 version]

Confirmation:

  • I have read and followed all the instructions provided in the README.md.
  • I am on the latest version of both Open WebUI and Ollama. (Assuming you are using the latest version)
  • I have included the browser console logs. (Not applicable for this UI issue, unless requested)
  • I have included the Docker container logs. (Not applicable for this UI issue, unless requested)
  • I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below.

Expected Behavior:

In the Settings interface, the left-side menu items (including "WebUI Settings", "System Prompt", "Connections", "Personas", "Advanced Parameters", etc.) should be displayed in a vertical list for easy navigation. Users should be able to clearly see and select each setting category from a stacked menu on the left.

Actual Behavior:

Currently, in the Settings interface, the left-side menu items are incorrectly displayed in a horizontal row instead of a vertical list. This horizontal layout makes it difficult to read and navigate the settings menu. It appears as if the menu items are trying to fit within a limited horizontal space, leading to a broken and unusable menu structure. As seen in the screenshot, "Connections" and "Personas" are displayed side-by-side horizontally, indicating the entire left menu is affected.

Description

Bug Summary:
Settings interface left-side menu is rendered horizontally instead of the expected vertical layout, causing a navigation and usability issue. The settings menu is broken due to incorrect horizontal rendering.

Reproduction Details

Steps to Reproduce:

  1. Open Open WebUI in a web browser.
  2. Click on the user profile icon (bottom left corner,).
  3. Click on "Settings".
  4. Observe the left-side menu within the Settings modal. Instead of a vertical list of options, the menu items are displayed horizontally.

Logs and Screenshots

Browser Console Logs:
[Not applicable for this UI issue unless requested by developers]

Docker Container Logs:
[Not applicable for this UI issue unless requested by developers]

Screenshots/Screen Recordings (if applicable):

Image

Additional Information

This issue is observed in the Settings interface when accessing it through the user profile menu. The misalignment might be related to CSS styling or responsive design issues within the Settings modal. It might be browser or OS specific, so providing environment details would be helpful.

Note

If the bug report is incomplete or does not follow the provided instructions, it may not be addressed. Please ensure that you have followed the steps outlined in the README.md and troubleshooting.md documents, and provide all necessary information for us to reproduce and address the issue. Thank you!

Originally created by @lushengbai on GitHub (Feb 28, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/10948 ## Installation Method Docker ## Environment - **Open WebUI Version:** [0.5.18] - **Ollama (if applicable):** [Not applicable for UI issue] - **Operating System:** [Ubuntu] - **Browser (if applicable):** Chrome [130 version] **Confirmation:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I am on the latest version of both Open WebUI and Ollama. (Assuming you are using the latest version) - [ ] I have included the browser console logs. (Not applicable for this UI issue, unless requested) - [ ] I have included the Docker container logs. (Not applicable for this UI issue, unless requested) - [x] I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below. ## Expected Behavior: In the Settings interface, the left-side menu items (including "WebUI Settings", "System Prompt", "Connections", "Personas", "Advanced Parameters", etc.) should be displayed in a **vertical list** for easy navigation. Users should be able to clearly see and select each setting category from a stacked menu on the left. ## Actual Behavior: Currently, in the Settings interface, the left-side menu items are incorrectly displayed in a **horizontal row** instead of a vertical list. This horizontal layout makes it difficult to read and navigate the settings menu. It appears as if the menu items are trying to fit within a limited horizontal space, leading to a broken and unusable menu structure. As seen in the screenshot, "Connections" and "Personas" are displayed side-by-side horizontally, indicating the entire left menu is affected. ## Description **Bug Summary:** Settings interface left-side menu is rendered horizontally instead of the expected vertical layout, causing a navigation and usability issue. The settings menu is broken due to incorrect horizontal rendering. ## Reproduction Details **Steps to Reproduce:** 1. Open Open WebUI in a web browser. 2. Click on the user profile icon (bottom left corner,). 3. Click on "Settings". 4. Observe the left-side menu within the Settings modal. Instead of a vertical list of options, the menu items are displayed horizontally. ## Logs and Screenshots **Browser Console Logs:** [Not applicable for this UI issue unless requested by developers] **Docker Container Logs:** [Not applicable for this UI issue unless requested by developers] **Screenshots/Screen Recordings (if applicable):** ![Image](https://github.com/user-attachments/assets/bb9259ad-dbf1-465d-92d8-efedbdc995b1) ## Additional Information This issue is observed in the Settings interface when accessing it through the user profile menu. The misalignment might be related to CSS styling or responsive design issues within the Settings modal. It might be browser or OS specific, so providing environment details would be helpful. ## Note If the bug report is incomplete or does not follow the provided instructions, it may not be addressed. Please ensure that you have followed the steps outlined in the README.md and troubleshooting.md documents, and provide all necessary information for us to reproduce and address the issue. Thank you!
GiteaMirror commented 2026-05-15 11:09:17 -05:00
Author
Owner
Copy Link

@lushengbai commented on GitHub (Feb 28, 2025):

It has been confirmed that the issue is caused by the browser cache.

<!-- gh-comment-id:2689594034 --> @lushengbai commented on GitHub (Feb 28, 2025): It has been confirmed that the issue is caused by the browser cache.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#86825
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?