[PR #7405] [MERGED] feat: refactor databse styles #7869

Closed
opened 2026-03-23 23:21:33 +00:00 by mirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7405
Author: @asjqkkkk
Created: 2/20/2025
Status: Merged
Merged: 3/4/2025
Merged by: @LucasXu0

Base: mainHead: refactor/database


📝 Commits (10+)

  • 132d91e feat: refactor databse styles
  • f4335ae Merge branch 'main' into refactor/database
  • 8ed11c9 feat: support compact mode for databse
  • 6f69b34 feat: support dynamic height for board
  • 7f513ec fix: add reference icon for database view in document
  • 54e3d77 feat: support data sync for database node in document
  • 14a3250 fix: add hover effect in compact mode switcher
  • 54aa6eb fix: title of document not align correctly with a large screen
  • 35d4081 fix: some launch review issues
  • 59b1651 fix: auto hide the Hidden Groups unless the user clicks it to show

📊 Changes

108 files changed (+1520 additions, -766 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/desktop/board/board_hide_groups_test.dart (+11 -8)
📝 frontend/appflowy_flutter/integration_test/shared/common_operations.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/core/config/kv_keys.dart (+5 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart (+6 -2)
📝 frontend/appflowy_flutter/lib/plugins/database/application/database_controller.dart (+34 -6)
📝 frontend/appflowy_flutter/lib/plugins/database/application/layout/layout_bloc.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/application/tab_bar_bloc.dart (+51 -9)
📝 frontend/appflowy_flutter/lib/plugins/database/board/presentation/board_page.dart (+95 -67)
📝 frontend/appflowy_flutter/lib/plugins/database/board/presentation/widgets/board_hidden_groups.dart (+16 -8)
📝 frontend/appflowy_flutter/lib/plugins/database/calendar/presentation/calendar_event_editor.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/grid_page.dart (+31 -4)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/layout/layout.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/layout/sizes.dart (+13 -5)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/header/grid_header.dart (+13 -3)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/row/row.dart (+14 -8)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/filter_button.dart (+19 -22)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/grid_setting_bar.dart (+8 -3)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/sort_button.dart (+18 -21)
frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/view_database_button.dart (+37 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/tab_bar/desktop/tab_bar_header.dart (+21 -7)

...and 80 more files

📄 Description

  • Desktop
    • Block overflow
    • Reduce the row/card height: 42/40 -> 36
    • Compact mode
      • Grid: Reduce the row height : 36->32
        (Text, Numbers, Select, Multiselect, Date, Files & media, URL, Checkbox, Last modified, Created at, Relation, AI Summary, AI Translate)
      • Kanban: Reduce card width : 240 -> 180
      • Calendar: no response for compact mode
      • Show more rows & grids by default after turning on compact mode
  • Mobile
    • Compact mode

Feature Preview


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/7405 **Author:** [@asjqkkkk](https://github.com/asjqkkkk) **Created:** 2/20/2025 **Status:** ✅ Merged **Merged:** 3/4/2025 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `refactor/database` --- ### 📝 Commits (10+) - [`132d91e`](https://github.com/AppFlowy-IO/AppFlowy/commit/132d91e3e831cc0151c53a443bd641a174fa8c2f) feat: refactor databse styles - [`f4335ae`](https://github.com/AppFlowy-IO/AppFlowy/commit/f4335ae3e3f4e17a1befb07aac72b17bb7f84364) Merge branch 'main' into refactor/database - [`8ed11c9`](https://github.com/AppFlowy-IO/AppFlowy/commit/8ed11c960b9bccd5cecaf011fe5972c6101e9cd8) feat: support compact mode for databse - [`6f69b34`](https://github.com/AppFlowy-IO/AppFlowy/commit/6f69b342de54625cea3f27644201923ec4cb3719) feat: support dynamic height for board - [`7f513ec`](https://github.com/AppFlowy-IO/AppFlowy/commit/7f513ec2d39e2acc7f60cb794ae655e25e4fab02) fix: add reference icon for database view in document - [`54e3d77`](https://github.com/AppFlowy-IO/AppFlowy/commit/54e3d77fc7eda9436057005f29505d58bb58c5ef) feat: support data sync for database node in document - [`14a3250`](https://github.com/AppFlowy-IO/AppFlowy/commit/14a325072bf00a187aec19e1acbfad8b46c20e90) fix: add hover effect in compact mode switcher - [`54aa6eb`](https://github.com/AppFlowy-IO/AppFlowy/commit/54aa6eb51ea790479f5659bf71dc8e913effa5ff) fix: title of document not align correctly with a large screen - [`35d4081`](https://github.com/AppFlowy-IO/AppFlowy/commit/35d408157038d3a2fb90d0de34bb7faaa9bea62c) fix: some launch review issues - [`59b1651`](https://github.com/AppFlowy-IO/AppFlowy/commit/59b165126affd53fb558f9f99aa170b221eefc00) fix: auto hide the Hidden Groups unless the user clicks it to show ### 📊 Changes **108 files changed** (+1520 additions, -766 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/desktop/board/board_hide_groups_test.dart` (+11 -8) 📝 `frontend/appflowy_flutter/integration_test/shared/common_operations.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/core/config/kv_keys.dart` (+5 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart` (+6 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database/application/database_controller.dart` (+34 -6) 📝 `frontend/appflowy_flutter/lib/plugins/database/application/layout/layout_bloc.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/application/tab_bar_bloc.dart` (+51 -9) 📝 `frontend/appflowy_flutter/lib/plugins/database/board/presentation/board_page.dart` (+95 -67) 📝 `frontend/appflowy_flutter/lib/plugins/database/board/presentation/widgets/board_hidden_groups.dart` (+16 -8) 📝 `frontend/appflowy_flutter/lib/plugins/database/calendar/presentation/calendar_event_editor.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/grid_page.dart` (+31 -4) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/layout/layout.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/layout/sizes.dart` (+13 -5) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/header/grid_header.dart` (+13 -3) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/row/row.dart` (+14 -8) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/filter_button.dart` (+19 -22) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/grid_setting_bar.dart` (+8 -3) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/sort_button.dart` (+18 -21) ➕ `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/toolbar/view_database_button.dart` (+37 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/tab_bar/desktop/tab_bar_header.dart` (+21 -7) _...and 80 more files_ </details> ### 📄 Description - [x] Desktop - [x] Block overflow - [x] Reduce the row/card height: 42/40 -> 36 - [x] Compact mode - [x] Grid: Reduce the row height : 36->32 (Text, Numbers, Select, Multiselect, Date, Files & media, URL, Checkbox, Last modified, Created at, Relation, AI Summary, AI Translate) - [x] Kanban: Reduce card width : 240 -> 180 - [x] Calendar: no response for compact mode - [x] Show more rows & grids by default after turning on compact mode - [ ] Mobile - [ ] Compact mode ### Feature Preview <!--- 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) - [x] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [x] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
mirror 2026-03-23 23:21:33 +00:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
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#7869
No description provided.