eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-1844 Apply new design for advanced search form view

Browse Source 
(cherry picked from commit d87ec1253730bcb067c058144dcb1ddc2481f181)
This commit is contained in:
dab246
2023-05-18 16:53:28 +07:00
committed by Dat Vu
parent 8d1f3f19b7
commit 4aaebfb09c
5 changed files with 114 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart
+4 -1
View File
@@ -55,7 +55,9 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
ResponsiveWidget( ResponsiveWidget(
responsiveUtils: responsiveUtils, responsiveUtils: responsiveUtils,
desktop: Scaffold( desktop: Scaffold(
body: Container( body: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(),
child: Container(
color: AppColor.colorBgDesktop, color: AppColor.colorBgDesktop,
child: Column(children: [ child: Column(children: [
Row(children: [ Row(children: [
@@ -147,6 +149,7 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
]), ]),
), ),
), ),
),
tabletLarge: Obx(() { tabletLarge: Obx(() {
switch(controller.dashboardRoute.value) { switch(controller.dashboardRoute.value) {
case DashboardRoutes.searchEmail: case DashboardRoutes.searchEmail:
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_form.dart
+10 -6
View File
@@ -362,24 +362,28 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
onTap: onTap, onTap: onTap,
decoration: InputDecoration( decoration: InputDecoration(
filled: true, filled: true,
fillColor: AppColor.loginTextFieldBackgroundColor, fillColor: isSelectFormList ? AppColor.colorItemSelected : Colors.white,
contentPadding: const EdgeInsets.only( contentPadding: const EdgeInsets.only(
right: 8, right: 8,
left: 12, left: 12,
), ),
enabledBorder: const OutlineInputBorder( enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(10), Radius.circular(10),
), ),
borderSide: BorderSide( borderSide: BorderSide(
width: 0.5, width: isSelectFormList ? 0.5 : 1,
color: AppColor.colorInputBorderCreateMailbox, color: AppColor.colorInputBorderCreateMailbox,
), ),
), ),
border: const OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(10), Radius.circular(10),
), ),
borderSide: BorderSide(
width: isSelectFormList ? 0.5 : 1,
color: AppColor.colorInputBorderCreateMailbox,
),
), ),
hintText: advancedSearchFilterField.getHintText(context), hintText: advancedSearchFilterField.getHintText(context),
hintStyle: TextStyle( hintStyle: TextStyle(
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_overlay.dart
+1 -1
View File
@@ -22,7 +22,7 @@ class AdvancedSearchFilterOverlay extends StatelessWidget {
child: GestureDetector( child: GestureDetector(
onTap: () => FocusManager.instance.primaryFocus?.unfocus(), onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
child: Padding( child: Padding(
padding: const EdgeInsets.only(top: 4, bottom: 16), padding: const EdgeInsets.only(top: 4, bottom: 16, right: 22),
child: Container( child: Container(
constraints: BoxConstraints( constraints: BoxConstraints(
maxHeight: _getHeightOverlay(context, responsiveUtils), maxHeight: _getHeightOverlay(context, responsiveUtils),
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/date_drop_down_button.dart
+1 -1
View File
@@ -40,7 +40,7 @@ class DateDropDownButton extends StatelessWidget {
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
border: Border.all( border: Border.all(
color: AppColor.colorInputBorderCreateMailbox, color: AppColor.colorInputBorderCreateMailbox,
width: 1, width: 0.5,
), ),
color: AppColor.colorInputBackgroundCreateMailbox color: AppColor.colorInputBackgroundCreateMailbox
), ),
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/text_field_auto_complete_email_adress.dart
+11 -3
View File
@@ -140,7 +140,7 @@ class _TextFieldAutoCompleteEmailAddressState
textInputAction: TextInputAction.next, textInputAction: TextInputAction.next,
decoration: InputDecoration( decoration: InputDecoration(
filled: true, filled: true,
fillColor: AppColor.loginTextFieldBackgroundColor, fillColor: Colors.white,
contentPadding: const EdgeInsets.only( contentPadding: const EdgeInsets.only(
right: 8, right: 8,
left: 12, left: 12,
@@ -150,7 +150,7 @@ class _TextFieldAutoCompleteEmailAddressState
Radius.circular(10), Radius.circular(10),
), ),
borderSide: BorderSide( borderSide: BorderSide(
width: 0.5, width: 1,
color: AppColor.colorInputBorderCreateMailbox, color: AppColor.colorInputBorderCreateMailbox,
), ),
), ),
@@ -158,10 +158,14 @@ class _TextFieldAutoCompleteEmailAddressState
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(10), Radius.circular(10),
), ),
borderSide: BorderSide(
width: 1,
color: AppColor.colorInputBorderCreateMailbox,
),
), ),
hintText: widget.advancedSearchFilterField.getHintText(context), hintText: widget.advancedSearchFilterField.getHintText(context),
hintStyle: const TextStyle( hintStyle: const TextStyle(
fontSize: 14, fontSize: 16,
color: AppColor.colorHintSearchBar, color: AppColor.colorHintSearchBar,
), ),
prefixIconConstraints: BoxConstraints(maxWidth: _distanceToField * 0.74), prefixIconConstraints: BoxConstraints(maxWidth: _distanceToField * 0.74),
@@ -177,10 +181,14 @@ class _TextFieldAutoCompleteEmailAddressState
: null, : null,
), ),
onChanged: (value) { onChanged: (value) {
if (value.trim().isNotEmpty) {
onChanged?.call(value); onChanged?.call(value);
}
}, },
onSubmitted: (tag) { onSubmitted: (tag) {
if (tag.trim().isNotEmpty) {
onSubmitted?.call(tag); onSubmitted?.call(tag);
}
}, },
), ),
); );