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

Fix align center button on bottom bar of email detailed view

Browse Source
This commit is contained in:
dab246
2022-04-14 12:20:22 +07:00
committed by Dat H. Pham
parent 7f4098522d
commit 2bae5c31ce
3 changed files with 82 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/email/presentation/widgets/bottom_bar_mail_widget_builder.dart
+54 -54
View File
@@ -39,75 +39,75 @@ class BottomBarMailWidgetBuilder {
Widget _buildListOptionButton(PresentationEmail presentationEmail) { Widget _buildListOptionButton(PresentationEmail presentationEmail) {
return Row( return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
if (presentationEmail.numberOfAllEmailAddress() > 1) if (presentationEmail.numberOfAllEmailAddress() > 1)
(ButtonBuilder(_imagePaths.icReplyAll) Expanded(child: (ButtonBuilder(_imagePaths.icReplyAll)
..key(Key('button_reply_all_message')) ..key(Key('button_reply_all_message'))
..size(15) ..size(15)
..paddingIcon(EdgeInsets.only( ..paddingIcon(EdgeInsets.only(
top: _responsiveUtils.isMobileDevice(_context) ? 10 : 16, top: _responsiveUtils.isMobile(_context) ? 10 : 16,
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16, bottom: _responsiveUtils.isMobile(_context) ? 8 : 16,
right: 5)) right: 5))
..textStyle(TextStyle( ..textStyle(TextStyle(
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16, fontSize: _responsiveUtils.isMobile(_context) ? 10 : 16,
color: AppColor.colorTextButton)) color: AppColor.colorTextButton))
..onPressActionClick(() { ..onPressActionClick(() {
if (_onPressEmailActionClick != null) { if (_onPressEmailActionClick != null) {
_onPressEmailActionClick!(EmailActionType.replyAll); _onPressEmailActionClick!(EmailActionType.replyAll);
}}) }})
..text(AppLocalizations.of(_context).reply_all, isVertical: _responsiveUtils.isMobile(_context))) ..text(AppLocalizations.of(_context).reply_all, isVertical: _responsiveUtils.isMobile(_context)))
.build(), .build()),
(ButtonBuilder(_imagePaths.icReply) Expanded(child: (ButtonBuilder(_imagePaths.icReply)
..key(Key('button_reply_message')) ..key(Key('button_reply_message'))
..size(20) ..size(20)
..paddingIcon(EdgeInsets.only( ..paddingIcon(EdgeInsets.only(
top: _responsiveUtils.isMobileDevice(_context) ? 10 : 16, top: _responsiveUtils.isMobile(_context) ? 10 : 16,
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16, bottom: _responsiveUtils.isMobile(_context) ? 8 : 16,
right: 5)) right: 5))
..textStyle(TextStyle( ..textStyle(TextStyle(
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16, fontSize: _responsiveUtils.isMobile(_context) ? 10 : 16,
color: AppColor.colorTextButton)) color: AppColor.colorTextButton))
..onPressActionClick(() { ..onPressActionClick(() {
if (_onPressEmailActionClick != null) { if (_onPressEmailActionClick != null) {
_onPressEmailActionClick!(EmailActionType.reply); _onPressEmailActionClick!(EmailActionType.reply);
}}) }})
..text(AppLocalizations.of(_context).reply, isVertical: _responsiveUtils.isMobile(_context))) ..text(AppLocalizations.of(_context).reply, isVertical: _responsiveUtils.isMobile(_context)))
.build(), .build()),
(ButtonBuilder(_imagePaths.icForward) Expanded(child: (ButtonBuilder(_imagePaths.icForward)
..key(Key('button_forward_message')) ..key(Key('button_forward_message'))
..size(20) ..size(20)
..paddingIcon(EdgeInsets.only( ..paddingIcon(EdgeInsets.only(
top: _responsiveUtils.isMobileDevice(_context) ? 10 : 16, top: _responsiveUtils.isMobile(_context) ? 10 : 16,
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16, bottom: _responsiveUtils.isMobile(_context) ? 8 : 16,
right: 5)) right: 5))
..textStyle(TextStyle( ..textStyle(TextStyle(
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16, fontSize: _responsiveUtils.isMobile(_context) ? 10 : 16,
color: AppColor.colorTextButton)) color: AppColor.colorTextButton))
..onPressActionClick(() { ..onPressActionClick(() {
if (_onPressEmailActionClick != null) { if (_onPressEmailActionClick != null) {
_onPressEmailActionClick!(EmailActionType.forward); _onPressEmailActionClick!(EmailActionType.forward);
}}) }})
..text(AppLocalizations.of(_context).forward, isVertical: _responsiveUtils.isMobile(_context))) ..text(AppLocalizations.of(_context).forward, isVertical: _responsiveUtils.isMobile(_context)))
.build(), .build()),
if (!_responsiveUtils.isDesktop(_context)) if (!_responsiveUtils.isDesktop(_context))
(ButtonBuilder(_imagePaths.icNewMessage) Expanded(child: (ButtonBuilder(_imagePaths.icNewMessage)
..key(Key('button_new_message')) ..key(Key('button_new_message'))
..size(20) ..size(20)
..paddingIcon(EdgeInsets.only( ..paddingIcon(EdgeInsets.only(
top: _responsiveUtils.isMobileDevice(_context) ? 10 : 16, top: _responsiveUtils.isMobile(_context) ? 10 : 16,
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16, bottom: _responsiveUtils.isMobile(_context) ? 8 : 16,
right: 5)) right: 5))
..textStyle(TextStyle( ..textStyle(TextStyle(
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16, fontSize: _responsiveUtils.isMobile(_context) ? 10 : 16,
color: AppColor.colorTextButton)) color: AppColor.colorTextButton))
..onPressActionClick(() { ..onPressActionClick(() {
if (_onPressEmailActionClick != null) { if (_onPressEmailActionClick != null) {
_onPressEmailActionClick!(EmailActionType.compose); _onPressEmailActionClick!(EmailActionType.compose);
}}) }})
..text(AppLocalizations.of(_context).new_message, isVertical: _responsiveUtils.isMobile(_context))) ..text(AppLocalizations.of(_context).new_message, isVertical: _responsiveUtils.isMobile(_context)))
.build() .build())
] ]
); );
} }
lib/features/mailbox/presentation/widgets/bottom_bar_selection_mailbox_widget.dart
+9 -9
View File
@@ -38,18 +38,18 @@ class BottomBarSelectionMailboxWidget {
Widget _buildListOptionButton() { Widget _buildListOptionButton() {
return Row( return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
(ButtonBuilder(_imagePaths.icMove) Expanded(child: (ButtonBuilder(_imagePaths.icMove)
..key(Key('button_move_all_mailbox')) ..key(Key('button_move_all_mailbox'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton.withOpacity(0.3))) ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton.withOpacity(0.3)))
..iconColor(AppColor.colorTextButton.withOpacity(0.3)) ..iconColor(AppColor.colorTextButton.withOpacity(0.3))
..onPressActionClick(() => {}) ..onPressActionClick(() => {})
..text(AppLocalizations.of(_context).move, isVertical: true)) ..text(AppLocalizations.of(_context).move, isVertical: true))
.build(), .build()),
(ButtonBuilder(_imagePaths.icRenameMailbox) Expanded(child: (ButtonBuilder(_imagePaths.icRenameMailbox)
..key(Key('button_rename_mailbox')) ..key(Key('button_rename_mailbox'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle( ..textStyle(TextStyle(
@@ -62,16 +62,16 @@ class BottomBarSelectionMailboxWidget {
} }
}) })
..text(AppLocalizations.of(_context).rename, isVertical: true)) ..text(AppLocalizations.of(_context).rename, isVertical: true))
.build(), .build()),
(ButtonBuilder(_imagePaths.icRead) Expanded(child: (ButtonBuilder(_imagePaths.icRead)
..key(Key('button_mark_read_all_mailbox')) ..key(Key('button_mark_read_all_mailbox'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton.withOpacity(0.3))) ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton.withOpacity(0.3)))
..iconColor(AppColor.colorTextButton.withOpacity(0.3)) ..iconColor(AppColor.colorTextButton.withOpacity(0.3))
..onPressActionClick(() => {}) ..onPressActionClick(() => {})
..text(AppLocalizations.of(_context).mark_as_read, isVertical: true)) ..text(AppLocalizations.of(_context).mark_as_read, isVertical: true))
.build(), .build()),
(ButtonBuilder(_imagePaths.icDelete) Expanded(child: (ButtonBuilder(_imagePaths.icDelete)
..key(Key('button_delete_all_mailbox')) ..key(Key('button_delete_all_mailbox'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle( ..textStyle(TextStyle(
@@ -84,7 +84,7 @@ class BottomBarSelectionMailboxWidget {
} }
}) })
..text(AppLocalizations.of(_context).delete, isVertical: true)) ..text(AppLocalizations.of(_context).delete, isVertical: true))
.build() .build())
] ]
); );
} }
lib/features/thread/presentation/widgets/bottom_bar_thread_selection_widget.dart
+19 -19
View File
@@ -41,10 +41,10 @@ class BottomBarThreadSelectionWidget {
Widget _buildListOptionButton() { Widget _buildListOptionButton() {
return Row( return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
(ButtonBuilder(_listSelectionEmail.isAllEmailRead ? _imagePaths.icUnread : _imagePaths.icRead) Expanded(child: (ButtonBuilder(_listSelectionEmail.isAllEmailRead ? _imagePaths.icUnread : _imagePaths.icRead)
..key(Key('button_mark_read_email')) ..key(Key('button_mark_read_email'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton)) ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton))
@@ -57,8 +57,8 @@ class BottomBarThreadSelectionWidget {
..text( ..text(
_listSelectionEmail.isAllEmailRead ? AppLocalizations.of(_context).unread : AppLocalizations.of(_context).read, _listSelectionEmail.isAllEmailRead ? AppLocalizations.of(_context).unread : AppLocalizations.of(_context).read,
isVertical: _responsiveUtils.isMobile(_context))) isVertical: _responsiveUtils.isMobile(_context)))
.build(), .build()),
(ButtonBuilder(_listSelectionEmail.isAllEmailStarred ? _imagePaths.icUnStar : _imagePaths.icStar) Expanded(child: (ButtonBuilder(_listSelectionEmail.isAllEmailStarred ? _imagePaths.icUnStar : _imagePaths.icStar)
..key(Key('button_mark_as_star_email')) ..key(Key('button_mark_as_star_email'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton)) ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton))
@@ -70,8 +70,8 @@ class BottomBarThreadSelectionWidget {
}}) }})
..text(_listSelectionEmail.isAllEmailStarred ? AppLocalizations.of(_context).mark_as_unstar : AppLocalizations.of(_context).mark_as_star, ..text(_listSelectionEmail.isAllEmailStarred ? AppLocalizations.of(_context).mark_as_unstar : AppLocalizations.of(_context).mark_as_star,
isVertical: _responsiveUtils.isMobile(_context))) isVertical: _responsiveUtils.isMobile(_context)))
.build(), .build()),
(ButtonBuilder(_imagePaths.icMove) Expanded(child: (ButtonBuilder(_imagePaths.icMove)
..key(Key('button_move_email')) ..key(Key('button_move_email'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton)) ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton))
@@ -80,20 +80,20 @@ class BottomBarThreadSelectionWidget {
_onPressEmailSelectionActionClick!(EmailActionType.move, _listSelectionEmail); _onPressEmailSelectionActionClick!(EmailActionType.move, _listSelectionEmail);
}}) }})
..text(AppLocalizations.of(_context).move, isVertical: _responsiveUtils.isMobile(_context))) ..text(AppLocalizations.of(_context).move, isVertical: _responsiveUtils.isMobile(_context)))
.build(), .build()),
(ButtonBuilder(_imagePaths.icDelete) Expanded(child: (ButtonBuilder(_imagePaths.icDelete)
..key(Key('button_delete_email')) ..key(Key('button_delete_email'))
..paddingIcon(EdgeInsets.all(8)) ..paddingIcon(EdgeInsets.all(8))
..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton)) ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButton))
..onPressActionClick(() { ..onPressActionClick(() {
if (_currentMailbox?.role != PresentationMailbox.roleTrash) { if (_currentMailbox?.role != PresentationMailbox.roleTrash) {
_onPressEmailSelectionActionClick?.call(EmailActionType.moveToTrash, _listSelectionEmail); _onPressEmailSelectionActionClick?.call(EmailActionType.moveToTrash, _listSelectionEmail);
} else { } else {
_onPressEmailSelectionActionClick?.call(EmailActionType.deletePermanently, _listSelectionEmail); _onPressEmailSelectionActionClick?.call(EmailActionType.deletePermanently, _listSelectionEmail);
} }
}) })
..text(AppLocalizations.of(_context).delete, isVertical: _responsiveUtils.isMobile(_context))) ..text(AppLocalizations.of(_context).delete, isVertical: _responsiveUtils.isMobile(_context)))
.build() .build())
] ]
); );
} }