[PR #5135] [MERGED] feat: mobile page style #6667

New issue

Closed

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

mirror commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/5135
Author: @LucasXu0
Created: 4/15/2024
Status: ✅ Merged
Merged: 4/30/2024
Merged by: @LucasXu0

Base: main ← Head: mobile_page_style

📝 Commits (10+)

5b10b91 feat: mobile page style
4f040bc feat: use built-in font
9defde3 feat: customize the list icons
9767f95 fix: the icon doesn't align at the same line
be3c19c chore: update translation
4ce4f67 feat: support customize editor font
739f1c5 feat: support customzing color
57365ee feat: support customizing cover
c7c0f25 Merge branch 'main' into mobile_page_style
af4b507 feat: immersive cover

📊 Changes

109 files changed (+3643 additions, -348 deletions)

View changed files

➕ frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_1.png (+0 -0)
➕ frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_2.png (+0 -0)
➕ frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_3.png (+0 -0)
➕ frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_4.png (+0 -0)
➕ frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_5.png (+0 -0)
➕ frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_6.png (+0 -0)
📝 frontend/appflowy_flutter/integration_test/shared/editor_test_operations.dart (+3 -4)
📝 frontend/appflowy_flutter/ios/Podfile.lock (+3 -9)
➕ frontend/appflowy_flutter/lib/mobile/application/page_style/document_page_style_bloc.dart (+432 -0)
📝 frontend/appflowy_flutter/lib/mobile/application/recent/recent_view_bloc.dart (+52 -15)
📝 frontend/appflowy_flutter/lib/mobile/presentation/base/app_bar/app_bar.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/base/app_bar/app_bar_actions.dart (+8 -8)
📝 frontend/appflowy_flutter/lib/mobile/presentation/base/mobile_view_page.dart (+140 -24)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart (+25 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart (+33 -10)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_transition_bottom_sheet.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_create_field_screen.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_edit_field_screen.dart (+1 -1)

...and 80 more files

📄 Description

Feature Preview

Supported three layout modes.
Supported three font size options.
Customized the list icons.
Immersive page cover style.

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/5135 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 4/15/2024 **Status:** ✅ Merged **Merged:** 4/30/2024 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `mobile_page_style` --- ### 📝 Commits (10+) - [`5b10b91`](https://github.com/AppFlowy-IO/AppFlowy/commit/5b10b9115cca6c7a50e7c9f4bbd2ca87422fb09f) feat: mobile page style - [`4f040bc`](https://github.com/AppFlowy-IO/AppFlowy/commit/4f040bcec2599c6e2e4f99060dbdc770861f7290) feat: use built-in font - [`9defde3`](https://github.com/AppFlowy-IO/AppFlowy/commit/9defde379ac0d169a1fe069cdcef4a660e84d0d6) feat: customize the list icons - [`9767f95`](https://github.com/AppFlowy-IO/AppFlowy/commit/9767f95bfd097043a705d171c4077664e3505877) fix: the icon doesn't align at the same line - [`be3c19c`](https://github.com/AppFlowy-IO/AppFlowy/commit/be3c19ceb2f370f673cca7a8e613da18cee97573) chore: update translation - [`4ce4f67`](https://github.com/AppFlowy-IO/AppFlowy/commit/4ce4f67322459bff0e55bcb6dc62a3dc814d6314) feat: support customize editor font - [`739f1c5`](https://github.com/AppFlowy-IO/AppFlowy/commit/739f1c53e6dee8572387b9b31516586ca3dc85e1) feat: support customzing color - [`57365ee`](https://github.com/AppFlowy-IO/AppFlowy/commit/57365eec79f2ab7b511c9096e844f22416053b42) feat: support customizing cover - [`c7c0f25`](https://github.com/AppFlowy-IO/AppFlowy/commit/c7c0f258692f9f63facc25a13b5a03b9051010d0) Merge branch 'main' into mobile_page_style - [`af4b507`](https://github.com/AppFlowy-IO/AppFlowy/commit/af4b50747b02467e11b1576398944547caff523f) feat: immersive cover ### 📊 Changes **109 files changed** (+3643 additions, -348 deletions) <details> <summary>View changed files</summary> ➕ `frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_1.png` (+0 -0) ➕ `frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_2.png` (+0 -0) ➕ `frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_3.png` (+0 -0) ➕ `frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_4.png` (+0 -0) ➕ `frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_5.png` (+0 -0) ➕ `frontend/appflowy_flutter/assets/images/built_in_cover_images/m_cover_image_6.png` (+0 -0) 📝 `frontend/appflowy_flutter/integration_test/shared/editor_test_operations.dart` (+3 -4) 📝 `frontend/appflowy_flutter/ios/Podfile.lock` (+3 -9) ➕ `frontend/appflowy_flutter/lib/mobile/application/page_style/document_page_style_bloc.dart` (+432 -0) 📝 `frontend/appflowy_flutter/lib/mobile/application/recent/recent_view_bloc.dart` (+52 -15) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/app_bar/app_bar.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/app_bar/app_bar_actions.dart` (+8 -8) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/mobile_view_page.dart` (+140 -24) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart` (+25 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart` (+33 -10) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_transition_bottom_sheet.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_create_field_screen.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/field/mobile_edit_field_screen.dart` (+1 -1) _...and 80 more files_ </details> ### 📄 Description   ### Feature Preview - Supported three layout modes. - Supported three font size options. - Customized the list icons. - Immersive page cover style. <img width="533" alt="Screenshot 2024-04-30 at 16 53 03" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/e9074ee8-48bf-4d70-8736-66faaaedc9eb"> <img width="533" alt="Screenshot 2024-04-30 at 16 53 29" src="https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/22341825-b765-44eb-858f-914189d57a52">  ---  #### 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>