langgenius / langgenius/dify

add sidebar toggle/close button on home page for mobile

Open Beginner friendly
#42,203 1 comment 2 reactions 0 assignees View on GitHub
💪 enhancement
Dominant language
TypeScript
Stars
156k
Forks
24.6k
Avg merge
22h 9m
Merged PRs (30d)
610

Description

### Self Checks

- [x] I have read the [Contributing Guide](https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md) and [Language Policy](https://github.com/langgenius/dify/issues/1542).
- [x] I have searched for existing issues [search for existing issues](https://github.com/langgenius/dify/issues), including closed ones.
- [x] I confirm that I am using English to submit this report, otherwise it will be closed.
- [x] Please do not modify this template :) and fill in all the required fields.

### 1. Is this request related to a challenge you're experiencing? Tell me about your story.

On mobile devices, the home page sidebar is always open with no way to close
it. It takes up most of the screen width, making the main content difficult
to read.

App detail pages have a sidebar toggle icon (looks like a small panel/battery
icon) on the right side of the top bar that lets users collapse the sidebar.
The home page does not have this icon, so mobile users cannot close the sidebar.

Steps to reproduce:
1. Open Dify on mobile (or Chrome DevTools → iPhone 14 Pro Max)
2. Go to the home page (/) → sidebar is always open, no toggle icon
3. Navigate to any app → notice the sidebar toggle icon on the right side
of the top bar

### 2. Additional context or comments

Image

Image

Image

### 3. Can you help us with this feature?

- [x] I am interested in contributing to this feature.

Contributor guide

Open the contributing guide

Research direction

Start at the home page entry point (/), then compare its sidebar and top-bar behavior with the sidebar toggle shown on app detail pages. Identify the existing toggle implementation and determine where the home page needs equivalent access; done means mobile users can open and close the sidebar without obscuring the main content.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
70/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.