[PR #4077] [MERGED] chore: various database UI fixes #6046

New issue

Closed

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

mirror commented

2026-03-23 22:21:28 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4077
Author: @richardshiue
Created: 12/4/2023
Status: ✅ Merged
Merged: 12/4/2023
Merged by: @richardshiue

Base: main ← Head: primary-field-cell-row-detail

📝 Commits (10+)

facdc41 chore: only activate row detail from primary field
4904b8f chore: fix create filter and sort list
faa0d76 chore: allow reordering rows when active filter
dadb610 chore: reduce animations in tab bar
a8bdb63 chore: url accessory tooltip
85f15bb feat: use number keyboard for number cell inputs
140a222 chore: mobile grid padding adjustments
b127394 chore: field cell redesign and first field cannot be reordered
a49de51 fix: deal with empty fields
9236c42 chore: improve appearance of card action sheet

📊 Changes

21 files changed (+172 additions, -90 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart (+2 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/cells/number_cell.dart (+4 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart (+57 -19)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_checkbox_cell.dart (+9 -5)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_number_cell.dart (+3 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_text_cell.dart (+3 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_timestamp_cell.dart (+8 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_url_cell.dart (+2 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/application/grid_bloc.dart (+2 -5)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart (+31 -13)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/mobile_field_cell.dart (+7 -16)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/mobile_row.dart (+5 -11)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/tab_bar/tab_bar_view.dart (+1 -5)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart (+3 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/mobile_cell_container.dart (+10 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_cell.dart (+2 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/url_cell/url_cell.dart (+17 -8)

...and 1 more files

📄 Description

In mobile, only clicking the primary field cell will trigger the card detail page
Fix a bug where if there is more fields than can fit on the list when creating a filter or a sort, the field doesnt overlap the search box
Allow reordering rows when there's an active filter
There are user complaints about the excessive animations in database tab bar view.
Add a tooltip for url cells in grid and row detail page on desktop.
Only show number keypad when editing a number cell on mobile.

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/4077 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 12/4/2023 **Status:** ✅ Merged **Merged:** 12/4/2023 **Merged by:** [@richardshiue](https://github.com/richardshiue) **Base:** `main` ← **Head:** `primary-field-cell-row-detail` --- ### 📝 Commits (10+) - [`facdc41`](https://github.com/AppFlowy-IO/AppFlowy/commit/facdc41e28874570a53993f287aee2dd398e3004) chore: only activate row detail from primary field - [`4904b8f`](https://github.com/AppFlowy-IO/AppFlowy/commit/4904b8faa9bf2af71eb54c0d3414ae09478162d1) chore: fix create filter and sort list - [`faa0d76`](https://github.com/AppFlowy-IO/AppFlowy/commit/faa0d76b6c0fd3013c20fa15100d14a93d559cab) chore: allow reordering rows when active filter - [`dadb610`](https://github.com/AppFlowy-IO/AppFlowy/commit/dadb6103f5a4a78406db10bdb00673a297b6a753) chore: reduce animations in tab bar - [`a8bdb63`](https://github.com/AppFlowy-IO/AppFlowy/commit/a8bdb63b4f5f4fd498f0d5a7f99ffb040486fe16) chore: url accessory tooltip - [`85f15bb`](https://github.com/AppFlowy-IO/AppFlowy/commit/85f15bb08551fc141a83687250947b20871e83f4) feat: use number keyboard for number cell inputs - [`140a222`](https://github.com/AppFlowy-IO/AppFlowy/commit/140a222e8d77dda04a88a796c6731334cc307475) chore: mobile grid padding adjustments - [`b127394`](https://github.com/AppFlowy-IO/AppFlowy/commit/b127394ab3744a5b77d420f1b0e40e309bad127c) chore: field cell redesign and first field cannot be reordered - [`a49de51`](https://github.com/AppFlowy-IO/AppFlowy/commit/a49de511a27865a53c7de1fd46e0d9356a53b536) fix: deal with empty fields - [`9236c42`](https://github.com/AppFlowy-IO/AppFlowy/commit/9236c4226214cdbb982d6e8686a79b4157b8620b) chore: improve appearance of card action sheet ### 📊 Changes **21 files changed** (+172 additions, -90 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart` (+2 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/cells/number_cell.dart` (+4 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_card_detail_screen.dart` (+57 -19) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_checkbox_cell.dart` (+9 -5) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_number_cell.dart` (+3 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_text_cell.dart` (+3 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_timestamp_cell.dart` (+8 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/card/row/cells/mobile_url_cell.dart` (+2 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/application/grid_bloc.dart` (+2 -5) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart` (+31 -13) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/mobile_field_cell.dart` (+7 -16) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/mobile_row.dart` (+5 -11) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/tab_bar/tab_bar_view.dart` (+1 -5) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell.dart` (+3 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/mobile_cell_container.dart` (+10 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_cell.dart` (+2 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/url_cell/url_cell.dart` (+17 -8) _...and 1 more files_ </details> ### 📄 Description 1. In mobile, only clicking the primary field cell will trigger the card detail page 2. Fix a bug where if there is more fields than can fit on the list when creating a filter or a sort, the field doesnt overlap the search box 3. Allow reordering rows when there's an active filter 4. There are user complaints about the excessive animations in database tab bar view. 5. Add a tooltip for url cells in grid and row detail page on desktop. 6. Only show number keypad when editing a number cell on mobile. ### Feature Preview  ---  #### PR Checklist - [ ] 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>