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

TF-4042 Increase the clickable area around email selection checkboxes in the mailbox

Browse Source
This commit is contained in:
dab246
2025-09-23 12:38:10 +07:00
committed by Dat H. Pham
parent c5b7e64145
commit 8ea71af32c
1 changed files with 42 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/thread/presentation/widgets/email_tile_web_builder.dart
+42 -48
View File
@@ -1,10 +1,9 @@
import 'package:core/presentation/extensions/color_extension.dart'; import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/theme_utils.dart'; import 'package:core/presentation/utils/theme_utils.dart';
import 'package:core/presentation/views/button/icon_button_web.dart'; import 'package:core/presentation/views/button/icon_button_web.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:core/presentation/views/responsive/responsive_widget.dart'; import 'package:core/presentation/views/responsive/responsive_widget.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:model/email/email_action_type.dart'; import 'package:model/email/email_action_type.dart';
import 'package:model/email/presentation_email.dart'; import 'package:model/email/presentation_email.dart';
import 'package:model/extensions/presentation_mailbox_extension.dart'; import 'package:model/extensions/presentation_mailbox_extension.dart';
@@ -54,6 +53,9 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final isEmailSelected = widget.presentationEmail.isSelected;
final isEmailStarred = widget.presentationEmail.hasStarred;
return ResponsiveWidget( return ResponsiveWidget(
responsiveUtils: responsiveUtils, responsiveUtils: responsiveUtils,
mobile: Material( mobile: Material(
@@ -210,58 +212,50 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
decoration: _getDecorationItem(), decoration: _getDecorationItem(),
alignment: Alignment.center, alignment: Alignment.center,
child: Row(children: [ child: Row(children: [
const SizedBox(width: 10), ValueListenableBuilder(
buildIconWeb( valueListenable: _hoverNotifier,
icon: ValueListenableBuilder( builder: (_, isHovered, __) {
valueListenable: _hoverNotifier, return TMailButtonWidget.fromIcon(
builder: (context, isHovered, child) { icon: isEmailSelected
return SvgPicture.asset(
widget.presentationEmail.isSelected
? imagePaths.icCheckboxSelected ? imagePaths.icCheckboxSelected
: imagePaths.icCheckboxUnselected, : imagePaths.icCheckboxUnselected,
colorFilter: ColorFilter.mode( iconColor: isHovered || isEmailSelected
isHovered || widget.presentationEmail.isSelected ? AppColor.primaryColor
? AppColor.primaryColor : AppColor.colorEmailTileCheckboxUnhover,
: AppColor.colorEmailTileCheckboxUnhover, iconSize: 20,
BlendMode.srcIn), padding: const EdgeInsets.all(10),
width: 20, margin: const EdgeInsetsDirectional.only(start: 4),
height: 20); backgroundColor: Colors.transparent,
}, tooltipMessage: isEmailSelected
), ? AppLocalizations.of(context).selected
margin: const EdgeInsets.symmetric(vertical: 6), : AppLocalizations.of(context).notSelected,
iconPadding: EdgeInsets.zero, onTapActionCallback: () {
minSize: 28, widget.emailActionClick?.call(
tooltip: widget.presentationEmail.isSelected EmailActionType.selection,
? AppLocalizations.of(context).selected widget.presentationEmail
: AppLocalizations.of(context).notSelected, );
onTap: () { },
widget.emailActionClick?.call(
EmailActionType.selection,
widget.presentationEmail
); );
}, },
), ),
buildIconWeb( TMailButtonWidget.fromIcon(
icon: SvgPicture.asset( icon: isEmailStarred
widget.presentationEmail.hasStarred
? imagePaths.icStar ? imagePaths.icStar
: imagePaths.icUnStar, : imagePaths.icUnStar,
width: 20, iconSize: 20,
height: 20, padding: EdgeInsets.zero,
fit: BoxFit.fill backgroundColor: Colors.transparent,
), tooltipMessage: isEmailStarred
margin: const EdgeInsets.symmetric(vertical: 6), ? AppLocalizations.of(context).not_starred
iconPadding: EdgeInsets.zero, : AppLocalizations.of(context).mark_as_starred,
minSize: 28, onTapActionCallback: () {
tooltip: widget.presentationEmail.hasStarred widget.emailActionClick?.call(
? AppLocalizations.of(context).not_starred isEmailStarred
: AppLocalizations.of(context).mark_as_starred, ? EmailActionType.unMarkAsStarred
onTap: () => widget.emailActionClick?.call( : EmailActionType.markAsStarred,
widget.presentationEmail.hasStarred widget.presentationEmail,
? EmailActionType.unMarkAsStarred );
: EmailActionType.markAsStarred, },
widget.presentationEmail
)
), ),
buildIconWeb( buildIconWeb(
icon: buildIconAnsweredOrForwarded(presentationEmail: widget.presentationEmail), icon: buildIconAnsweredOrForwarded(presentationEmail: widget.presentationEmail),
@@ -340,7 +334,7 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
EdgeInsetsGeometry _getPaddingItem(BuildContext context) { EdgeInsetsGeometry _getPaddingItem(BuildContext context) {
if (responsiveUtils.isDesktop(context)) { if (responsiveUtils.isDesktop(context)) {
return const EdgeInsets.symmetric(vertical: 4); return const EdgeInsets.symmetric(vertical: 2);
} else if (responsiveUtils.isTablet(context)) { } else if (responsiveUtils.isTablet(context)) {
return const EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 24); return const EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 24);
} else { } else {