[PR #5343] [MERGED] feat: sidebar UI Revamp on Desktop #6773

New issue

Closed

opened 2026-03-23 23:16:36 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:16:36 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/5343
Author: @LucasXu0
Created: 5/16/2024
Status: ✅ Merged
Merged: 5/27/2024
Merged by: @LucasXu0

Base: main ← Head: sidebar_header

📝 Commits (10+)

a08d9dd feat: page title bar ui revamp
50f76dd feat: refactor share button and favorite button UI
ed0df04 feat: sidebar header ui revamp
84b85c9 feat: sidebar header ui revamp
a8d074c feat: set default page index to 0
c5c4b5b feat: sidebar workspace switcher UI revamp
a7f2875 feat: sidebar workspace list UI revamp
eb39938 feat: sidebar workspace list UI revamp
bb10019 Merge branch 'desktop_sidebar_ui_revamp' into sidebar_header
92a2ab2 fix: collapse button align issue

📊 Changes

138 files changed (+2672 additions, -1299 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/cloud/workspace/collaborative_workspace_test.dart (+2 -3)
📝 frontend/appflowy_flutter/integration_test/desktop/board/board_test_runner.dart (+2 -2)
📝 frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart (+2 -0)
📝 frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart (+6 -6)
📝 frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart (+6 -6)
📝 frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart (+6 -6)
📝 frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart (+1 -1)
📝 frontend/appflowy_flutter/integration_test/desktop_runner_3.dart (+2 -2)
📝 frontend/appflowy_flutter/integration_test/shared/common_operations.dart (+8 -8)
📝 frontend/appflowy_flutter/integration_test/shared/editor_test_operations.dart (+6 -9)
📝 frontend/appflowy_flutter/integration_test/shared/expectation.dart (+2 -2)
📝 frontend/appflowy_flutter/integration_test/shared/settings.dart (+1 -2)
📝 frontend/appflowy_flutter/integration_test/shared/workspace.dart (+15 -8)
📝 frontend/appflowy_flutter/lib/mobile/presentation/base/type_option_menu_item.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/base/view_page/more_bottom_sheet.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/mobile_home_favorite_folder.dart (+4 -5)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_folders.dart (+3 -3)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder.dart (+9 -9)

...and 80 more files

📄 Description

Feature Preview

Known issues:

Some icons or text are not visible in dark mode.

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

_{🔄 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/AppFlowy-IO/AppFlowy/pull/5343 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 5/16/2024 **Status:** ✅ Merged **Merged:** 5/27/2024 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `sidebar_header` --- ### 📝 Commits (10+) - [`a08d9dd`](https://github.com/AppFlowy-IO/AppFlowy/commit/a08d9dd67bbd0efec8f9c12620cff59bac259a63) feat: page title bar ui revamp - [`50f76dd`](https://github.com/AppFlowy-IO/AppFlowy/commit/50f76dd8cd3b43f162ddfeb044f50628c375b52b) feat: refactor share button and favorite button UI - [`ed0df04`](https://github.com/AppFlowy-IO/AppFlowy/commit/ed0df048721a4b32bd771f190ef1215d61e5f3e9) feat: sidebar header ui revamp - [`84b85c9`](https://github.com/AppFlowy-IO/AppFlowy/commit/84b85c9923a43eaf9c0137f7b307b2a4fefc8785) feat: sidebar header ui revamp - [`a8d074c`](https://github.com/AppFlowy-IO/AppFlowy/commit/a8d074c659b7c8ed7ec68edf539695a86861f6d7) feat: set default page index to 0 - [`c5c4b5b`](https://github.com/AppFlowy-IO/AppFlowy/commit/c5c4b5bbdb3274dcbc232ba002997b31beeda9e2) feat: sidebar workspace switcher UI revamp - [`a7f2875`](https://github.com/AppFlowy-IO/AppFlowy/commit/a7f2875ed12a12d404f916c0fddeff031c76bc78) feat: sidebar workspace list UI revamp - [`eb39938`](https://github.com/AppFlowy-IO/AppFlowy/commit/eb399380da94a83f1591de24897438377540b0ff) feat: sidebar workspace list UI revamp - [`bb10019`](https://github.com/AppFlowy-IO/AppFlowy/commit/bb10019fe521bf31601801e762172d2a461ddc2c) Merge branch 'desktop_sidebar_ui_revamp' into sidebar_header - [`92a2ab2`](https://github.com/AppFlowy-IO/AppFlowy/commit/92a2ab2bbcff5c943282a7e709e896dcb8d45272) fix: collapse button align issue ### 📊 Changes **138 files changed** (+2672 additions, -1299 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/cloud/workspace/collaborative_workspace_test.dart` (+2 -3) 📝 `frontend/appflowy_flutter/integration_test/desktop/board/board_test_runner.dart` (+2 -2) 📝 `frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart` (+2 -0) 📝 `frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart` (+6 -6) 📝 `frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart` (+6 -6) 📝 `frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart` (+6 -6) 📝 `frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart` (+1 -1) 📝 `frontend/appflowy_flutter/integration_test/desktop_runner_3.dart` (+2 -2) 📝 `frontend/appflowy_flutter/integration_test/shared/common_operations.dart` (+8 -8) 📝 `frontend/appflowy_flutter/integration_test/shared/editor_test_operations.dart` (+6 -9) 📝 `frontend/appflowy_flutter/integration_test/shared/expectation.dart` (+2 -2) 📝 `frontend/appflowy_flutter/integration_test/shared/settings.dart` (+1 -2) 📝 `frontend/appflowy_flutter/integration_test/shared/workspace.dart` (+15 -8) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/type_option_menu_item.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/view_page/more_bottom_sheet.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/mobile_home_favorite_folder.dart` (+4 -5) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_folders.dart` (+3 -3) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder.dart` (+9 -9) _...and 80 more files_ </details> ### 📄 Description   ### Feature Preview Known issues: - Some icons or text are not visible in dark mode. <img width="1355" alt="Screenshot 2024-05-25 at 09 33 31" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/cd14c1b2-322d-4aff-9d12-d86d6d207f99"> <img width="1355" alt="Screenshot 2024-05-25 at 09 34 40" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/8bd42493-7645-4884-a711-9ef2aed6715a">  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [ ] I've listed at least one issue that this PR fixes in the description above. - [ ] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [ ] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>