[PR #5816] [MERGED] chore: improve UI design on mobile #7022

New issue

Closed

opened 2026-03-23 23:17:44 +00:00 by mirror · 0 comments

mirror commented 2026-03-23 23:17:44 +00:00

Owner

Copy link

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/5816
Author: @LucasXu0
Created: 7/26/2024
Status: ✅ Merged
Merged: 7/27/2024
Merged by: @LucasXu0

Base: main ← Head: m_ui

---

📝 Commits (10+)

• 93537b6 chore: optimize UI design on mobile
• 4ea76c3 Merge branch 'main' into m_ui
• 34fa682 chore: update navigation bar border color
• 73f7753 chore: add favorite toast
• ae7aaf4 chore: add click effect
• da69136 fix: ai message render issue
• b809a7c feat: support creating database in space level
• 6d2b33e feat: add scale effect to mobile card view
• 4978eaf chore: expand the page icon to 18px
• af035b4 Merge branch 'main' into m_ui

📊 Changes

28 files changed (+325 additions, -156 deletions)

View changed files

📝 frontend/appflowy_flutter/ios/Podfile.lock (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/application/page_style/document_page_style_bloc.dart (+3 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/base/gesture.dart (+54 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_add_new_page.dart (+10 -5)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_view_item.dart (+7 -41)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/default_mobile_action_pane.dart (+25 -11)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart (+9 -4)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/favorite_space.dart (+0 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/mobile_home_favorite_folder.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/home_space/home_space.dart (+0 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_folders.dart (+7 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart (+8 -5)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/recent_folder/recent_space.dart (+0 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/shared/mobile_page_card.dart (+8 -4)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/space/mobile_space.dart (+43 -16)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/space/mobile_space_header.dart (+11 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/space/mobile_space_menu.dart (+4 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/workspaces/workspace_menu_bottom_sheet.dart (+13 -10)
📝 frontend/appflowy_flutter/lib/mobile/presentation/mobile_bottom_navigation_bar.dart (+4 -3)

...and 8 more files

📄 Description

Feature Preview

• update navigation bar border color
• add favorite toast
• add click effect
• support creating database in space level
• add scale effect to mobile card view
• expand the page icon to 18px

---

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/5816 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 7/26/2024 **Status:** ✅ Merged **Merged:** 7/27/2024 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `m_ui` --- ### 📝 Commits (10+) - [`93537b6`](https://github.com/AppFlowy-IO/AppFlowy/commit/93537b63e6ecff2b2c62068d9cbfc5aeb025dc03) chore: optimize UI design on mobile - [`4ea76c3`](https://github.com/AppFlowy-IO/AppFlowy/commit/4ea76c3b6be4c3bae0e90d5f571e955e2b3e5925) Merge branch 'main' into m_ui - [`34fa682`](https://github.com/AppFlowy-IO/AppFlowy/commit/34fa682c9142f2c762bb45b07199989383b226ff) chore: update navigation bar border color - [`73f7753`](https://github.com/AppFlowy-IO/AppFlowy/commit/73f7753b8273c5329bb364eac2c256cc05878d12) chore: add favorite toast - [`ae7aaf4`](https://github.com/AppFlowy-IO/AppFlowy/commit/ae7aaf4d306a092c9f09de00df1c47e9bff5ccea) chore: add click effect - [`da69136`](https://github.com/AppFlowy-IO/AppFlowy/commit/da6913684a406725a635f718d654f6b66430963e) fix: ai message render issue - [`b809a7c`](https://github.com/AppFlowy-IO/AppFlowy/commit/b809a7cb48eccca2a1b9bf9438eaa6aa07d0837f) feat: support creating database in space level - [`6d2b33e`](https://github.com/AppFlowy-IO/AppFlowy/commit/6d2b33e2da5646c26eaf4b421673090631e6279f) feat: add scale effect to mobile card view - [`4978eaf`](https://github.com/AppFlowy-IO/AppFlowy/commit/4978eaf2407287f87b1ad61783a44525564734fa) chore: expand the page icon to 18px - [`af035b4`](https://github.com/AppFlowy-IO/AppFlowy/commit/af035b4f305462772e90d89c1633e0beff7ce99c) Merge branch 'main' into m_ui ### 📊 Changes **28 files changed** (+325 additions, -156 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/ios/Podfile.lock` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/application/page_style/document_page_style_bloc.dart` (+3 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/base/gesture.dart` (+54 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_add_new_page.dart` (+10 -5) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_view_item.dart` (+7 -41) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/default_mobile_action_pane.dart` (+25 -11) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart` (+9 -4) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/favorite_space.dart` (+0 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/favorite_folder/mobile_home_favorite_folder.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/home_space/home_space.dart` (+0 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_folders.dart` (+7 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart` (+8 -5) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/recent_folder/recent_space.dart` (+0 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/section_folder/mobile_home_section_folder.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/shared/mobile_page_card.dart` (+8 -4) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/space/mobile_space.dart` (+43 -16) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/space/mobile_space_header.dart` (+11 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/space/mobile_space_menu.dart` (+4 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/workspaces/workspace_menu_bottom_sheet.dart` (+13 -10) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/mobile_bottom_navigation_bar.dart` (+4 -3) _...and 8 more files_ </details> ### 📄 Description <!--- Thank you for submitting a pull request to AppFlowy. The team will dedicate their best efforts to reviewing and approving your pull request. If you have any questions about the project or feedback for us, please join our [Discord](https://discord.gg/wdjWUXXhtw). --> <!--- If your pull request adds a new feature, please drag and drop a video into this section to showcase what you've done! If not, you may delete this section. --> ### Feature Preview - [x] update navigation bar border color - [x] add favorite toast - [x] add click effect - [x] support creating database in space level - [x] add scale effect to mobile card view - [x] expand the page icon to 18px <!--- List at least one issue here that this PR addresses. If it fixes the issue, please use the [fixes](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/using-keywords-in-issues-and-pull-requests) keyword to close the issue. For example: fixes https://github.com/AppFlowy-IO/AppFlowy/pull/2106 --> --- <!--- Before you mark this PR ready for review, run through this checklist! --> #### 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. --- _{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

mirror 2026-03-23 23:17:44 +00:00

• closed this issue
• added the
  pull-request
  label

Sign in to join this conversation.

No Branch/Tag specified

Branches Tags

main

copilot/fix-date-format-issue

feat/mention_a_person

merge_upstream_v6

mobile/release/0.9.3

release/0.9.3

release/0.9.2

select_source

release/0.9.1

refactor_import_data

release/0.8.9.1

release/0.8.9

anon_user_mode

release/0.8.8

fix_windows_selection

release/0.8.7

annieappflowy-patch-1

windows_local_ai

release/0.8.6

release/0.8.5

release/0.8.4

chore/optional-response-format

release/0.8.3

release/0.8.2

release/0.8.1

release/0.8.0

release/0.7.9

feat/support-rename-workspace

chat_rag_only

calculate_ui_test

release/0.7.8

release/0.7.7

stringfi_cells

hotfix/0.7.5

release/0.7.4

client-api-update

feat/collab-editing

fix_calculation_bug

feat/upload-file-in-document

update-client-api

feat/support-global-comment-on-web

update-client-api-2

feat/support-duplicate-publish-on-web

feat/ai-plan-billing

chore/test-web-deploy

chore/enable-billing-for-testing

build/test

ai_tag_feature

chore/enable-billing-plan

feat/billing-client-windows

chore/support-openai-chat

fix/try-no-media-kit

sign-in-error-format

workspace-invite-ci-test

last-workspace

workspace-invite-wip

feat/date-text-input

appflowy_v1

0.11.1

0.11.0

0.10.9

0.11.2

0.10.7

0.10.6

0.10.5

0.11.3

0.11.4

0.10.8

0.10.4

0.10.3

0.10.2

0.10.0

0.10.1

0.9.9

0.9.8

0.9.7

0.9.5

0.9.6

0.9.4

0.9.3

0.9.2

0.9.1

0.9.0

0.8.9

0.8.8

0.8.7

0.8.6

0.8.5

0.8.4

0.8.3

0.8.2

0.8.1

0.8.0

0.7.9

0.7.8

0.7.7

0.7.6

0.7.5

0.7.4

0.7.3

0.7.2

0.7.1

0.7.0

0.6.9

0.6.8

0.6.7.2

0.6.7.1

0.6.7

0.6.6

0.6.5

0.6.4

0.6.3

0.6.2

0.6.1

v0.6.1

0.6.0

0.5.9

0.5.8

0.5.7

0.5.6

0.5.5

0.5.4

0.5.3

0.5.2

0.5.1

0.5.0

0.4.9

0.4.8

0.4.7

0.4.6

0.4.5

0.4.4

0.4.3

0.4.2

0.4.1

0.4.0

0.3.9.1

0.3.9

0.3.8

0.3.7

0.3.6

0.3.5

0.3.4

0.3.3

0.3.2

0.3.1

0.3.0

0.2.9

0.2.8

0.2.7

0.2.6

0.2.5

0.2.4

0.2.3

0.2.2

0.2.1

0.2.0

0.1.6

0.1.5

0.1.4

0.1.3

0.1.2

0.1.1

0.1.0

0.0.9.1

0.0.9

0.0.8.1

0.0.8

0.0.7.1

0.0.7

0.0.6.2

0.0.6.1

0.0.6

0.0.6_beta.1

0.0.5.3

0.0.5.2

0.0.5.1

0.0.5

0.0.5_beta.2

0.0.5_beta.1

0.0.4

0.0.4_beta.3

0.0.4_beta.2

0.0.4_beta.1

0.0.3

0.0.3_beta.2

0.0.3_beta.1

0.0.2

0.0.1

Labels

Clear labels   

2024

  

2025

  

2026

  

acct mgmt

  

AI

  

automation

  

bug

  

calendar

  

ci

  

CJK

  

cloud

  

code-block

  

collaboration

  

copy-paste

  

database

  

data migration

  

data sync

  

deploy

  

desktop

  

develop

  

develop

  

documentation

  

duplicate

  

editor

  

editor-plugin

  

emoji

  

export

  

files

  

flutter-only

  

follow-up

  

formula

  

good first issue for devs

  

good first issue for experienced devs

  

grid

  

hacktoberfest

  

HACKTOBERFEST-ACCEPTED

  

help wanted

  

i18n

  

icons

  

images

  

importer

  

improvements

  

infra

  

install

  

integrations

  

IR

  

kanban board

  

login

  

look and joy

  

mentorship

  

mobile

  

mobile

  

needs design

  

new feature

  

new feature

  

non-coding

  

notes

  

notifications

  

onboarding

  

organization

  

P0+

  

permission

  

platform-linux

  

platform-mac

  

platform-windows

  

plugins

  

program

  

pull-request

Mirrored from GitHub Pull Request

  

Q1 25

  

Q1 26

  

Q2 24

  

Q2 25

  

Q3 24

  

Q3 25

  

Q4 24

  

Q4 25

  

react

  

regression

  

rust

  

rust

  

Rust-only

  

Rust-only

  

Rust-starter

  

Rust-starter

  

self-hosted

  

shortcuts

  

side panel

  

slash-menu

  

sync v2

  

table

  

tablet

  

task

  

tauri

  

templates

  

tests

  

themes

  

translation

  

v0.5.6

  

v0.5.8

  

v0.5.9

  

v0.6.0

  

v0.6.1

  

v0.6.4

  

v0.6.7

  

v0.6.8

  

v0.7.1

  

v0.7.4

  

v0.7.4

  

v0.7.5

  

v0.7.6

  

v0.7.7

  

v0.7.8

  

v0.8.0

  

v0.8.4

  

v0.8.5

  

v0.8.9

  

web

No labels

2024

2025

2026

acct mgmt

AI

automation

bug

calendar

ci

CJK

cloud

code-block

collaboration

copy-paste

database

data migration

data sync

deploy

desktop

develop

develop

documentation

duplicate

editor

editor-plugin

emoji

export

files

flutter-only

follow-up

formula

good first issue for devs

good first issue for experienced devs

grid

hacktoberfest

HACKTOBERFEST-ACCEPTED

help wanted

i18n

icons

images

importer

improvements

infra

install

integrations

IR

kanban board

login

look and joy

mentorship

mobile

mobile

needs design

new feature

new feature

non-coding

notes

notifications

onboarding

organization

P0+

permission

platform-linux

platform-mac

platform-windows

plugins

program

pull-request

Q1 25

Q1 26

Q2 24

Q2 25

Q3 24

Q3 25

Q4 24

Q4 25

react

regression

rust

rust

Rust-only

Rust-only

Rust-starter

Rust-starter

self-hosted

shortcuts

side panel

slash-menu

sync v2

table

tablet

task

tauri

templates

tests

themes

translation

v0.5.6

v0.5.8

v0.5.9

v0.6.0

v0.6.1

v0.6.4

v0.6.7

v0.6.8

v0.7.1

v0.7.4

v0.7.4

v0.7.5

v0.7.6

v0.7.7

v0.7.8

v0.8.0

v0.8.4

v0.8.5

v0.8.9

web

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

AppFlowy-IO/AppFlowy#7022

No description provided.