TF-3763 Update style for label advanced search field

Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-06-13 02:47:46 +07:00
committed by Dat H. Pham
parent 6cf8762fd5
commit 6d21aedf37
5 changed files with 25 additions and 16 deletions
@@ -32,10 +32,6 @@ class TextFieldAutoCompleteEmailAddressWebStyles {
static const Color suggestionBoxBackgroundColor = Colors.white;
static const Color cursorColor = AppColor.primaryColor;
static const TextStyle fieldTitleTextStyle = TextStyle(
color: AppColor.colorContentEmail,
fontSize: 14,
);
static const TextStyle textInputHintStyle = TextStyle(
fontSize: 16,
color: AppColor.colorHintSearchBar,
@@ -19,10 +19,10 @@ class AdvancedSearchFilterOverlay extends StatelessWidget {
),
margin: const EdgeInsetsDirectional.only(top: 4, bottom: 16),
padding: const EdgeInsets.symmetric(horizontal: 8),
decoration: BoxDecoration(
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: const [
borderRadius: BorderRadius.all(Radius.circular(16)),
boxShadow: [
BoxShadow(
color: AppColor.colorShadowComposer,
blurRadius: 32,
@@ -11,6 +11,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/sear
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/advanced_search_input_form_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_form_bottom_view.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/date_drop_down_button.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/label_advanced_search_field_widget.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/sort_by_drop_down_button.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/text_field_autocomplete_email_address_web.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
@@ -166,12 +167,8 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
SizedBox(
width: controller.responsiveUtils.isMobile(context) || controller.responsiveUtils.landscapeTabletSupported(context)
? null : 112,
child: Text(
advancedSearchFilterField.getTitle(context),
style: const TextStyle(
fontSize: 14,
color: AppColor.colorContentEmail,
),
child: LabelAdvancedSearchFieldWidget(
name: advancedSearchFilterField.getTitle(context),
),
),
const Padding(padding: EdgeInsets.all(4)),
@@ -0,0 +1,16 @@
import 'package:core/presentation/utils/theme_utils.dart';
import 'package:flutter/material.dart';
class LabelAdvancedSearchFieldWidget extends StatelessWidget {
final String name;
const LabelAdvancedSearchFieldWidget({super.key, required this.name});
@override
Widget build(BuildContext context) {
return Text(
name,
style: ThemeUtils.textStyleBodyBody3(color: Colors.black),
);
}
}
@@ -21,6 +21,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/sear
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/advanced_search_input_form_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/text_field_autocomplete_email_address_web_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/autocomplete_tag_item_widget_web.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/label_advanced_search_field_widget.dart';
import 'package:tmail_ui_user/main/utils/app_config.dart';
typedef OnSuggestionEmailAddress = Future<List<EmailAddress>> Function(String word, {int? limit});
@@ -107,9 +108,8 @@ class _TextFieldAutocompleteEmailAddressWebState extends State<TextFieldAutocomp
children: [
SizedBox(
width: TextFieldAutoCompleteEmailAddressWebStyles.fieldTitleWidth,
child: Text(
widget.field.getTitle(context),
style: TextFieldAutoCompleteEmailAddressWebStyles.fieldTitleTextStyle,
child: LabelAdvancedSearchFieldWidget(
name: widget.field.getTitle(context),
),
),
const SizedBox(width: TextFieldAutoCompleteEmailAddressWebStyles.space),