[PR #7737] [MERGED] feat: add medium sized text field #8077

New issue

Closed

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

mirror commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7737
Author: @richardshiue
Created: 4/14/2025
Status: ✅ Merged
Merged: 4/14/2025
Merged by: @richardshiue

Base: feat/custom-prompt ← Head: feat/af-text-field-sizes

📝 Commits (2)

3b09ebd feat: add medium sized text field
fe8fd3e chore: remove height

📊 Changes

5 files changed (+49 additions, -22 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_email_and_password.dart (+0 -1)
📝 frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_magic_link_or_passcode_page.dart (+0 -1)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart (+3 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/textfield/textfield_page.dart (+13 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/textfield/textfield.dart (+33 -17)

📄 Description

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.

Summary by Sourcery

Add a medium-sized variant to the AFTextField component and refactor its styling to use size variants instead of radius for border styling.

New Features:

Introduce a medium-sized variant for the AFTextField component, allowing for more flexible UI design.

Enhancements:

Refactor the AFTextField component to use a size variant instead of a radius for border styling, improving consistency and flexibility in design.

_{🔄 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/7737 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 4/14/2025 **Status:** ✅ Merged **Merged:** 4/14/2025 **Merged by:** [@richardshiue](https://github.com/richardshiue) **Base:** `feat/custom-prompt` ← **Head:** `feat/af-text-field-sizes` --- ### 📝 Commits (2) - [`3b09ebd`](https://github.com/AppFlowy-IO/AppFlowy/commit/3b09ebdf1ef781574a5968a1b8269f72d65e61a6) feat: add medium sized text field - [`fe8fd3e`](https://github.com/AppFlowy-IO/AppFlowy/commit/fe8fd3e6d4285595b23daf02ac902460033e8eab) chore: remove height ### 📊 Changes **5 files changed** (+49 additions, -22 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_email_and_password.dart` (+0 -1) 📝 `frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_magic_link_or_passcode_page.dart` (+0 -1) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart` (+3 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/textfield/textfield_page.dart` (+13 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/textfield/textfield.dart` (+33 -17) </details> ### 📄 Description ![Screenshot 2025-04-14 at 11 22 45 AM](https://github.com/user-attachments/assets/bb577f22-dc75-49af-8af6-572d22bd71fc) ### Feature Preview  ---  #### 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. ## Summary by Sourcery Add a medium-sized variant to the AFTextField component and refactor its styling to use size variants instead of radius for border styling. New Features: - Introduce a medium-sized variant for the AFTextField component, allowing for more flexible UI design. Enhancements: - Refactor the AFTextField component to use a size variant instead of a radius for border styling, improving consistency and flexibility in design. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>