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

TF-3914 Apply new style for actions on hover in list

Browse Source 
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-07-29 16:41:50 +07:00
committed by Dat H. Pham
parent 2ebb33c59d
commit be84c90690
3 changed files with 34 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/thread/presentation/styles/item_email_tile_styles.dart
+1
View File
@@ -10,6 +10,7 @@ class ItemEmailTileStyles {
static const double horizontalTitleGap = 8.0; static const double horizontalTitleGap = 8.0;
static const Color actionIconColor = AppColor.steelGray200; static const Color actionIconColor = AppColor.steelGray200;
static const Color actionIconHoverColor = AppColor.steelGrayA540;
static EdgeInsetsGeometry getSpaceCalendarEventIcon(BuildContext context, ResponsiveUtils responsiveUtils) { static EdgeInsetsGeometry getSpaceCalendarEventIcon(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isScreenWithShortestSide(context)) { if (responsiveUtils.isScreenWithShortestSide(context)) {
lib/features/thread/presentation/widgets/desktop_list_email_action_hover_widget.dart
+21 -13
View File
@@ -47,9 +47,9 @@ class _DesktopListEmailActionHoverWidgetState
if (widget.isHovered) ...[ if (widget.isHovered) ...[
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icOpenInNewTab, icon: _imagePaths.icOpenInNewTab,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: AppLocalizations.of(context).openInNewTab, tooltipMessage: AppLocalizations.of(context).openInNewTab,
onTapActionCallback: () => widget.emailActionClick?.call( onTapActionCallback: () => widget.emailActionClick?.call(
@@ -62,9 +62,10 @@ class _DesktopListEmailActionHoverWidgetState
icon: widget.presentationEmail.hasRead icon: widget.presentationEmail.hasRead
? _imagePaths.icUnread ? _imagePaths.icUnread
: _imagePaths.icRead, : _imagePaths.icRead,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
margin: _getMarginIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: widget.presentationEmail.hasRead tooltipMessage: widget.presentationEmail.hasRead
? AppLocalizations.of(context).mark_as_unread ? AppLocalizations.of(context).mark_as_unread
@@ -80,9 +81,10 @@ class _DesktopListEmailActionHoverWidgetState
widget.mailboxContain?.isDrafts == false) ...[ widget.mailboxContain?.isDrafts == false) ...[
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icMove, icon: _imagePaths.icMove,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
margin: _getMarginIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: AppLocalizations.of(context).move, tooltipMessage: AppLocalizations.of(context).move,
onTapActionCallback: () => widget.emailActionClick?.call( onTapActionCallback: () => widget.emailActionClick?.call(
@@ -93,9 +95,10 @@ class _DesktopListEmailActionHoverWidgetState
], ],
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icDeleteComposer, icon: _imagePaths.icDeleteComposer,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: 16, iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
margin: _getMarginIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: widget.canDeletePermanently tooltipMessage: widget.canDeletePermanently
? AppLocalizations.of(context).delete_permanently ? AppLocalizations.of(context).delete_permanently
@@ -111,9 +114,10 @@ class _DesktopListEmailActionHoverWidgetState
if (_shouldShowPopupMenu) ...[ if (_shouldShowPopupMenu) ...[
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icMoreVertical, icon: _imagePaths.icMoreVertical,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
margin: _getMarginIcon(),
backgroundColor: _popupMenuVisible backgroundColor: _popupMenuVisible
? Theme.of(context).colorScheme.outline.withOpacity(0.08) ? Theme.of(context).colorScheme.outline.withOpacity(0.08)
: Colors.transparent, : Colors.transparent,
@@ -150,12 +154,16 @@ class _DesktopListEmailActionHoverWidgetState
return Row(children: listActionWidget); return Row(children: listActionWidget);
} }
double _getIconSize() => 18; double _getIconSize() => 16;
EdgeInsets _getPaddingIcon(BuildContext context) { EdgeInsetsGeometry _getPaddingIcon() {
return const EdgeInsets.all(5); return const EdgeInsets.all(5);
} }
EdgeInsetsGeometry _getMarginIcon() {
return const EdgeInsetsDirectional.only(start: 11);
}
bool get _shouldShowPopupMenu => widget.isHovered || _popupMenuVisible; bool get _shouldShowPopupMenu => widget.isHovered || _popupMenuVisible;
void _onPopupMenuVisibleChange(bool visible) { void _onPopupMenuVisibleChange(bool visible) {
lib/features/thread/presentation/widgets/web_tablet_body_email_item_widget.dart
+12 -12
View File
@@ -186,9 +186,9 @@ class _WebTabletBodyEmailItemWidgetState
if (_isHover) ...[ if (_isHover) ...[
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icOpenInNewTab, icon: _imagePaths.icOpenInNewTab,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: tooltipMessage:
AppLocalizations.of(context).openInNewTab, AppLocalizations.of(context).openInNewTab,
@@ -203,9 +203,9 @@ class _WebTabletBodyEmailItemWidgetState
icon: widget.presentationEmail.hasRead icon: widget.presentationEmail.hasRead
? _imagePaths.icUnread ? _imagePaths.icUnread
: _imagePaths.icRead, : _imagePaths.icRead,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: widget.presentationEmail.hasRead tooltipMessage: widget.presentationEmail.hasRead
? AppLocalizations.of(context).mark_as_unread ? AppLocalizations.of(context).mark_as_unread
@@ -222,9 +222,9 @@ class _WebTabletBodyEmailItemWidgetState
widget.mailboxContain?.isDrafts == false) ...[ widget.mailboxContain?.isDrafts == false) ...[
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icMove, icon: _imagePaths.icMove,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: AppLocalizations.of(context).move, tooltipMessage: AppLocalizations.of(context).move,
onTapActionCallback: () => onTapActionCallback: () =>
@@ -236,9 +236,9 @@ class _WebTabletBodyEmailItemWidgetState
], ],
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icDeleteComposer, icon: _imagePaths.icDeleteComposer,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: 14, iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
tooltipMessage: widget.canDeletePermanently tooltipMessage: widget.canDeletePermanently
? AppLocalizations.of(context).delete_permanently ? AppLocalizations.of(context).delete_permanently
@@ -255,9 +255,9 @@ class _WebTabletBodyEmailItemWidgetState
if (_shouldShowPopupMenu) if (_shouldShowPopupMenu)
TMailButtonWidget.fromIcon( TMailButtonWidget.fromIcon(
icon: _imagePaths.icMoreVertical, icon: _imagePaths.icMoreVertical,
iconColor: ItemEmailTileStyles.actionIconColor, iconColor: ItemEmailTileStyles.actionIconHoverColor,
iconSize: _getIconSize(), iconSize: _getIconSize(),
padding: _getPaddingIcon(context), padding: _getPaddingIcon(),
backgroundColor: _popupMenuVisible backgroundColor: _popupMenuVisible
? Theme.of(context) ? Theme.of(context)
.colorScheme .colorScheme
@@ -364,7 +364,7 @@ class _WebTabletBodyEmailItemWidgetState
double _getIconSize() => 16; double _getIconSize() => 16;
EdgeInsets _getPaddingIcon(BuildContext context) { EdgeInsetsGeometry _getPaddingIcon() {
return const EdgeInsets.all(5); return const EdgeInsets.all(5);
} }