[PR #1792] [MERGED] Hide the sidebar when resizing the window #36413

New Issue

GiteaMirror · 2026-04-25T10:17:44-05:00

GiteaMirror commented

2026-04-25 10:17:44 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/1792
Author: @insoutt
Created: 4/27/2024
Status: ✅ Merged
Merged: 4/27/2024
Merged by: @tjbck

Base: dev ← Head: hide-sidebar-on-resize

📝 Commits (1)

0c79ac0 Hide sidevar when screen is resized to less than 1024 pixels

📊 Changes

1 file changed (+12 additions, -5 deletions)

View changed files

📝 src/lib/components/layout/Sidebar.svelte (+12 -5)

📄 Description

Pull Request Checklist

Description: Briefly describe the changes in this pull request.
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
Documentation: Have you updated relevant documentation?
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?

Description

When the window is resized and the width of the screen is reduced, the sidebar remains open. Therefore, I added a listener to check when the width of the screen changes, and if it is less than 1024px, it automatically hides the sidebar.

Note: I used the 1024px breakpoint because this is the default value used to show the sidebar.

Changelog Entry

Changed

Hide sidebar when window width changes to less than 1024px.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/1792 **Author:** [@insoutt](https://github.com/insoutt) **Created:** 4/27/2024 **Status:** ✅ Merged **Merged:** 4/27/2024 **Merged by:** [@tjbck](https://github.com/tjbck) **Base:** `dev` ← **Head:** `hide-sidebar-on-resize` --- ### 📝 Commits (1) - [`0c79ac0`](https://github.com/open-webui/open-webui/commit/0c79ac0479263e95bf0f0899dffb78c84d29b3c4) Hide sidevar when screen is resized to less than 1024 pixels ### 📊 Changes **1 file changed** (+12 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/layout/Sidebar.svelte` (+12 -5) </details> ### 📄 Description ## Pull Request Checklist - [x] **Description:** Briefly describe the changes in this pull request. - [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. - [ ] **Documentation:** Have you updated relevant documentation? - [ ] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation? --- ## Description When the window is resized and the width of the screen is reduced, the sidebar remains open. Therefore, I added a listener to check when the width of the screen changes, and if it is less than 1024px, it automatically hides the sidebar. **Note:** I used the 1024px breakpoint because this is the default value used to show the sidebar. --- ### Changelog Entry ### Changed - Hide sidebar when window width changes to less than 1024px. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2026-04-25 10:17:44 -05:00

GiteaMirror closed this issue

2026-04-25 10:17:44 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#36413