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

TF-3763 Update background color, padding, border for advanced search input field

Browse Source 
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-06-13 04:17:39 +07:00
committed by Dat H. Pham
parent ca11a9d8f1
commit 061f5d232c
11 changed files with 262 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_dashboard/presentation/styles/advanced_search_input_form_style.dart
+7 -1
View File
@@ -6,4 +6,10 @@ class AdvancedSearchInputFormStyle {
static TextStyle inputTextStyle = ThemeUtils.textStyleBodyBody3(
color: AppColor.m3SurfaceBackground,
);
}
static const double inputFieldBorderRadius = 10;
static const double inputFieldBorderWidth = 1;
static const Color inputFieldBorderColor = AppColor.m3Neutral90;
static const Color inputFieldBackgroundColor = Colors.white;
}
lib/features/mailbox_dashboard/presentation/styles/sort_by_drop_down_style.dart
+1 -4
View File
@@ -5,7 +5,6 @@ class SortByDropdownStyle {
static const int dropdownElevation = 4;
static const double height = 44;
static const double buttonBorderWidth = 0.5;
static const double dropdownMaxHeight = 332;
static const double scrollbarThickness = 6;
static const double checkedIconSize = 20;
@@ -17,13 +16,11 @@ class SortByDropdownStyle {
color: Colors.white
);
static const EdgeInsetsDirectional buttonPadding = EdgeInsetsDirectional.only(start: 12, end: 10);
static const EdgeInsetsDirectional buttonPadding = EdgeInsetsDirectional.only(start: 12, end: 8);
static const MenuItemStyleData menuItemStyleData = MenuItemStyleData(
height: height,
padding: EdgeInsets.symmetric(horizontal: 12),
);
static const BorderRadius buttonBorderRadius = BorderRadius.all(Radius.circular(10));
static const Radius dropdownScrollbarRadius = Radius.circular(40);
}
lib/features/mailbox_dashboard/presentation/styles/text_field_autocomplete_email_address_web_style.dart
+4 -12
View File
@@ -2,17 +2,15 @@ import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/theme_utils.dart';
import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/composer/presentation/styles/composer_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/advanced_search_input_form_style.dart';
class TextFieldAutoCompleteEmailAddressWebStyles {
static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(vertical: 8);
static const EdgeInsetsGeometry textInputContentPadding = EdgeInsetsDirectional.only(top: 16, bottom: 16, start: 12);
static const EdgeInsetsGeometry textInputContentPadding = EdgeInsetsDirectional.only(top: 16, bottom: 16, start: 12, end: 8);
static const EdgeInsetsGeometry textInputContentPaddingWithSomeTag = EdgeInsetsDirectional.symmetric(vertical: 16);
static const EdgeInsets tagEditorPadding = EdgeInsets.symmetric(horizontal: 12);
static const double borderRadius = 10.0;
static const double suggestionBoxRadius = 20.0;
static const double borderWidth = 1.0;
static const double minTextFieldWidth = 40.0;
static const double suggestionBoxElevation = 20.0;
@@ -20,27 +18,21 @@ class TextFieldAutoCompleteEmailAddressWebStyles {
static const double suggestionBoxItemHeight = ComposerStyle.suggestionItemHeight;
static const double fieldTitleWidth = 112.0;
static const double space = 8.0;
static const double space = 12.0;
static const InputBorder textInputBorder = OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(10)),
borderRadius: BorderRadius.all(Radius.circular(AdvancedSearchInputFormStyle.inputFieldBorderRadius)),
borderSide: BorderSide.none,
);
static const Color textInputFillColor = Colors.white;
static const Color focusedBorderColor = AppColor.primaryColor;
static const Color enableBorderColor = AppColor.colorInputBorderCreateMailbox;
static const Color suggestionBoxBackgroundColor = Colors.white;
static const Color cursorColor = AppColor.primaryColor;
static TextStyle textInputHintStyle = ThemeUtils.textStyleBodyBody3(
color: AppColor.m3Tertiary,
);
static const TextStyle textInputTextStyle = TextStyle(
fontSize: 16,
color: Colors.black,
fontWeight: FontWeight.w500,
);
static const Duration debounceDuration = Duration(milliseconds: 150);
}