Full screen mode looks weird with the sides obscured
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
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.
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:
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:
And I'd say that should also fix this particular issue report too.
@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!
@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!
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
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
Steps to Reproduce:
Just turn on Full Screen Mode
Environment
Apple M1 Pro, Chrome 121.0.6167.160
Confirmation:
Installation Method
Docker
@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.
@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:
And I'd say that should also fix this particular issue report too.
@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!
@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!
@tisfeng commented on GitHub (Feb 17, 2024):
So good, thank you!