From 897fa1d8c97f906b141c75221e42e016886ad2db Mon Sep 17 00:00:00 2001 From: dab246 Date: Tue, 31 May 2022 10:39:39 +0700 Subject: [PATCH] TF-599 Apply new ui for button composer browser --- assets/images/ic_compose_web.svg | 3 +++ .../extensions/color_extension.dart | 1 + .../presentation/resources/image_paths.dart | 1 + .../presentation/mailbox_view_web.dart | 19 +++++++++++++------ 4 files changed, 18 insertions(+), 6 deletions(-) create mode 100644 assets/images/ic_compose_web.svg diff --git a/assets/images/ic_compose_web.svg b/assets/images/ic_compose_web.svg new file mode 100644 index 000000000..d84ed8ea6 --- /dev/null +++ b/assets/images/ic_compose_web.svg @@ -0,0 +1,3 @@ + + + diff --git a/core/lib/presentation/extensions/color_extension.dart b/core/lib/presentation/extensions/color_extension.dart index 5190edf16..a69421fe9 100644 --- a/core/lib/presentation/extensions/color_extension.dart +++ b/core/lib/presentation/extensions/color_extension.dart @@ -119,6 +119,7 @@ extension AppColor on Color { static const colorActionButtonHover = Color(0xFFA2AAB3); static const colorBgMenuItemDropDownSelected = Color(0x80DEE2E7); static const colorButtonCancelDialog = Color(0x0D000000); + static const colorShadowComposerButton = Color(0x99007AFF); static const mapGradientColor = [ [Color(0xFF21D4FD), Color(0xFFB721FF)], diff --git a/core/lib/presentation/resources/image_paths.dart b/core/lib/presentation/resources/image_paths.dart index e3fba3905..6e480151e 100644 --- a/core/lib/presentation/resources/image_paths.dart +++ b/core/lib/presentation/resources/image_paths.dart @@ -117,6 +117,7 @@ class ImagePaths { String get icClockSB => _getImagePath('ic_clock_sb.svg'); String get icSelectedSB => _getImagePath('ic_selected_sb.svg'); String get icUserSB => _getImagePath('ic_user_sb.svg'); + String get icComposeWeb => _getImagePath('ic_compose_web.svg'); String _getImagePath(String imageName) { return AssetsPaths.images + imageName; diff --git a/lib/features/mailbox/presentation/mailbox_view_web.dart b/lib/features/mailbox/presentation/mailbox_view_web.dart index c104a7568..5e1f80f29 100644 --- a/lib/features/mailbox/presentation/mailbox_view_web.dart +++ b/lib/features/mailbox/presentation/mailbox_view_web.dart @@ -96,18 +96,25 @@ class MailboxView extends GetWidget { Widget _buildComposerButton(BuildContext context) { return Container( - padding: const EdgeInsets.only(top: 16, right: 16, left: 20), + padding: const EdgeInsets.only(top: 16, right: 16, left: 16), color: AppColor.colorBgDesktop, alignment: Alignment.centerLeft, - child: (ButtonBuilder(_imagePaths.icCompose) + child: (ButtonBuilder(_imagePaths.icComposeWeb) ..key(const Key('button_compose_email')) - ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(25), color: AppColor.colorTextButton)) + ..decoration(BoxDecoration( + borderRadius: BorderRadius.circular(10), + color: AppColor.colorTextButton, + boxShadow: const [ + BoxShadow( + blurRadius: 12.0, + color: AppColor.colorShadowComposerButton + ) + ])) ..paddingIcon(const EdgeInsets.only(right: 8)) ..iconColor(Colors.white) - ..maxWidth(140) - ..size(20) + ..size(16) ..radiusSplash(10) - ..padding(const EdgeInsets.symmetric(vertical: 13)) + ..padding(const EdgeInsets.symmetric(vertical: 8)) ..textStyle(const TextStyle(fontSize: 15, color: Colors.white, fontWeight: FontWeight.w500)) ..onPressActionClick(() => controller.mailboxDashBoardController.composeEmailAction()) ..text(AppLocalizations.of(context).compose, isVertical: false))