[PR #4489] [CLOSED] feat: resize font and icons on the sidebar and tab bar #6273

New issue

Closed

opened 2026-03-23 22:22:29 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 22:22:29 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4489
Author: @hyj1204
Created: 1/25/2024
Status: ❌ Closed

Base: main ← Head: feat/adjustable_font_size

📝 Commits (6)

4dec320 refactor: refacter font size in document
9e76a5c feat: resize font and icons on the sidebar and tab bar
e4b1d15 fix: fix format
8dc8e58 chore: merge branch 'main' into feat/adjustable_font_size
5dffcff refactor: remove the height from ViewItem
6b98ce0 chore: clean code

📊 Changes

26 files changed (+338 additions, -137 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/plugins/database/widgets/share_button.dart (+6 -4)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/more/font_size_switcher.dart (+18 -14)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/more/more_button.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/share/share_button.dart (+6 -4)
📝 frontend/appflowy_flutter/lib/workspace/application/home/home_setting_bloc.dart (+26 -0)
📝 frontend/appflowy_flutter/lib/workspace/application/settings/appearance/appearance_cubit.dart (+10 -0)
📝 frontend/appflowy_flutter/lib/workspace/application/view/view_ext.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart (+21 -5)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/home_stack.dart (+41 -26)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/hotkeys.dart (+28 -0)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/folder/personal_folder.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_new_page_button.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_top_menu.dart (+3 -2)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_trash.dart (+7 -3)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_user.dart (+10 -3)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_action_type.dart (+7 -6)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_add_button.dart (+5 -3)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_item.dart (+28 -29)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_more_action_button.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/navigation.dart (+2 -1)

...and 6 more files

📄 Description

Feature Preview

To close #3955 #2280

Increase the font and icons by CTRL (or ⌘ on MacOS) + =
Decrease the font and icons by CTRL (or ⌘ on MacOS) + -

The base factor is 1.
Range in 4 different sizes:
1, 1.2, 1.4, 1.6, 1.8

fontIconsSizeFactor is added in AppearanceSettingsCubit and HomeSettingBloc
Use ScalableFlowySvg to replace FlowySvg for the icons that need to be resized.

Since the document part has an independent sizing system, I didn't implement the resizing in database area.

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/12e905d3-b035-44d1-a491-4876977d1235

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/4489 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 1/25/2024 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feat/adjustable_font_size` --- ### 📝 Commits (6) - [`4dec320`](https://github.com/AppFlowy-IO/AppFlowy/commit/4dec3208c5b9f06ad3da2ef80914bdd42d7d90d0) refactor: refacter font size in document - [`9e76a5c`](https://github.com/AppFlowy-IO/AppFlowy/commit/9e76a5c81332450d8f09f015ee178b8f1747296e) feat: resize font and icons on the sidebar and tab bar - [`e4b1d15`](https://github.com/AppFlowy-IO/AppFlowy/commit/e4b1d15506a37f5644ad46c49a53ee4c6f07afdb) fix: fix format - [`8dc8e58`](https://github.com/AppFlowy-IO/AppFlowy/commit/8dc8e58311ca8a5aba91e3906eb0783f5bb02a9d) chore: merge branch 'main' into feat/adjustable_font_size - [`5dffcff`](https://github.com/AppFlowy-IO/AppFlowy/commit/5dffcffbac68292944124d80a3a28b927c555d99) refactor: remove the height from ViewItem - [`6b98ce0`](https://github.com/AppFlowy-IO/AppFlowy/commit/6b98ce0b60f9339cc0474eabc6379376a82c879f) chore: clean code ### 📊 Changes **26 files changed** (+338 additions, -137 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/plugins/database/widgets/share_button.dart` (+6 -4) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/more/font_size_switcher.dart` (+18 -14) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/more/more_button.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/share/share_button.dart` (+6 -4) 📝 `frontend/appflowy_flutter/lib/workspace/application/home/home_setting_bloc.dart` (+26 -0) 📝 `frontend/appflowy_flutter/lib/workspace/application/settings/appearance/appearance_cubit.dart` (+10 -0) 📝 `frontend/appflowy_flutter/lib/workspace/application/view/view_ext.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart` (+21 -5) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/home_stack.dart` (+41 -26) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/hotkeys.dart` (+28 -0) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/folder/personal_folder.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_new_page_button.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_top_menu.dart` (+3 -2) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_trash.dart` (+7 -3) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/sidebar_user.dart` (+10 -3) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_action_type.dart` (+7 -6) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_add_button.dart` (+5 -3) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_item.dart` (+28 -29) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_more_action_button.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/navigation.dart` (+2 -1) _...and 6 more files_ </details> ### 📄 Description   ### Feature Preview To close #3955 #2280 Increase the font and icons by `CTRL (or ⌘ on MacOS)` + `=` Decrease the font and icons by `CTRL (or ⌘ on MacOS)` + `-` The base factor is 1. Range in 4 different sizes: 1, 1.2, 1.4, 1.6, 1.8 `fontIconsSizeFactor` is added in `AppearanceSettingsCubit` and `HomeSettingBloc` Use `ScalableFlowySvg` to replace `FlowySvg` for the icons that need to be resized. Since the document part has an independent sizing system, I didn't implement the resizing in database area. https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/12e905d3-b035-44d1-a491-4876977d1235  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] 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>