[GH-ISSUE #747] Full Screen Mode looks weird #27729

Closed
opened 2026-04-25 02:28:33 -05:00 by GiteaMirror · 5 comments
Owner

Originally created by @tisfeng on GitHub (Feb 15, 2024).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/747

Bug Report

Description

Bug Summary:

Full screen mode looks weird with the sides obscured

image

Steps to Reproduce:

Just turn on Full Screen Mode

Environment

Apple M1 Pro, Chrome 121.0.6167.160

Confirmation:

  • I have read and followed all the instructions provided in the README.md.
  • I have reviewed the troubleshooting.md document.
  • I have included the browser console logs.
  • I have included the Docker container logs.

Installation Method

Docker

Originally created by @tisfeng on GitHub (Feb 15, 2024). Original GitHub issue: https://github.com/open-webui/open-webui/issues/747 # Bug Report ## Description **Bug Summary:** Full screen mode looks weird with the sides obscured <img width="1705" alt="image" src="https://github.com/ollama-webui/ollama-webui/assets/25194972/a23efe30-fbec-41d3-b639-baf2ced69c12"> **Steps to Reproduce:** Just turn on Full Screen Mode ## Environment Apple M1 Pro, Chrome 121.0.6167.160 **Confirmation:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I have reviewed the troubleshooting.md document. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. ## Installation Method Docker
Author
Owner

@tjbck commented on GitHub (Feb 15, 2024):

Hi, that is the expected layout. You can toggle the button on the sidebar to close it, and see all the messages without them being obscured by the sidebar, Thanks.

<!-- gh-comment-id:1946859072 --> @tjbck commented on GitHub (Feb 15, 2024): Hi, that is the expected layout. You can toggle the button on the sidebar to close it, and see all the messages without them being obscured by the sidebar, Thanks.
Author
Owner

@justinh-rahb commented on GitHub (Feb 15, 2024):

Sorry @tjbck I'm gonna have to be a stick in the mud here and say this behaviour of the styling has bugged me for a while (not enough to open an issue if it was just me), the content of the chat should be centered between the right edge of the sidebar and the right edge of the viewport, and reflow if the sidebar is closed, as our inspiration does it:
Screenshot 2024-02-15 at 1 34 29 PM

And I'd say that should also fix this particular issue report too.

<!-- gh-comment-id:1946904543 --> @justinh-rahb commented on GitHub (Feb 15, 2024): Sorry @tjbck I'm gonna have to be a stick in the mud here and say this behaviour of the styling has bugged me for a while (not enough to open an issue if it was just me), the content of the chat should be centered between the right edge of the sidebar and the right edge of the viewport, and reflow if the sidebar is closed, as our inspiration does it: ![Screenshot 2024-02-15 at 1 34 29 PM](https://github.com/ollama-webui/ollama-webui/assets/52832301/7a6b2b9a-a969-44c0-923e-71557ac062de) And I'd say that should also fix this particular issue report too.
Author
Owner

@tjbck commented on GitHub (Feb 15, 2024):

@justinh-rahb I suppose the reason why it looks the way it does now is because I wanted the webui to have a consistent layout with the mobile viewport, but I'll take a look and see what can be done!

<!-- gh-comment-id:1947396734 --> @tjbck commented on GitHub (Feb 15, 2024): @justinh-rahb I suppose the reason why it looks the way it does now is because I wanted the webui to have a consistent layout with the mobile viewport, but I'll take a look and see what can be done!
Author
Owner

@tjbck commented on GitHub (Feb 16, 2024):

@tisfeng #751 changes the layout behaviour to what you've described in the prior issue post, let me know if you encounter any issues!

<!-- gh-comment-id:1947744027 --> @tjbck commented on GitHub (Feb 16, 2024): @tisfeng #751 changes the layout behaviour to what you've described in the prior issue post, let me know if you encounter any issues!
Author
Owner

@tisfeng commented on GitHub (Feb 17, 2024):

So good, thank you!

<!-- gh-comment-id:1949939676 --> @tisfeng commented on GitHub (Feb 17, 2024): So good, thank you!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#27729