TF-3758 Set hover folder item color to gray

Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-05-30 04:29:56 +07:00
committed by Dat H. Pham
parent edcd175321
commit 6c7602ebe6
@@ -68,13 +68,20 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
return DragTarget<List<PresentationEmail>>( return DragTarget<List<PresentationEmail>>(
key: _key, key: _key,
builder: (context, candidateEmails, rejectedEmails) { builder: (context, candidateEmails, rejectedEmails) {
return InkWell( return Material(
type: MaterialType.transparency,
child: InkWell(
onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode), onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
onHover: (value) => setState(() => _isItemHovered = value), onHover: (value) => setState(() => _isItemHovered = value),
borderRadius: const BorderRadius.all(
Radius.circular(MailboxItemWidgetStyles.borderRadius),
),
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)), borderRadius: const BorderRadius.all(
color: backgroundColorItem Radius.circular(MailboxItemWidgetStyles.borderRadius),
),
color: backgroundColorItem,
), ),
padding: const EdgeInsetsDirectional.symmetric( padding: const EdgeInsetsDirectional.symmetric(
horizontal: MailboxItemWidgetStyles.itemPadding, horizontal: MailboxItemWidgetStyles.itemPadding,
@@ -106,6 +113,7 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
] ]
) )
), ),
),
); );
}, },
onAcceptWithDetails: (emails) => widget.onDragItemAccepted?.call(emails.data, widget.mailboxNode.item), onAcceptWithDetails: (emails) => widget.onDragItemAccepted?.call(emails.data, widget.mailboxNode.item),
@@ -113,14 +121,21 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
} else { } else {
if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) { if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
if (PlatformInfo.isWeb) { if (PlatformInfo.isWeb) {
return InkWell( return Material(
type: MaterialType.transparency,
child: InkWell(
key: _key, key: _key,
onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode), onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
onHover: (value) => setState(() => _isItemHovered = value), onHover: (value) => setState(() => _isItemHovered = value),
borderRadius: const BorderRadius.all(
Radius.circular(MailboxItemWidgetStyles.borderRadius),
),
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)), borderRadius: const BorderRadius.all(
color: backgroundColorItem Radius.circular(MailboxItemWidgetStyles.borderRadius),
),
color: backgroundColorItem,
), ),
padding: const EdgeInsetsDirectional.symmetric( padding: const EdgeInsetsDirectional.symmetric(
horizontal: MailboxItemWidgetStyles.itemPadding, horizontal: MailboxItemWidgetStyles.itemPadding,
@@ -148,11 +163,12 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
] ]
) )
), ),
),
); );
} else { } else {
return Material( return Material(
key: _key, key: _key,
color: Colors.transparent, type: MaterialType.transparency,
child: InkWell( child: InkWell(
onLongPress: () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode), onLongPress: () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode),
onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode), onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
@@ -268,7 +284,7 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
if (widget.mailboxDisplayed == MailboxDisplayed.destinationPicker) { if (widget.mailboxDisplayed == MailboxDisplayed.destinationPicker) {
return Colors.white; return Colors.white;
} else { } else {
if (_isSelected || _isItemHovered) { if (_isSelected) {
return AppColor.blue100; return AppColor.blue100;
} else { } else {
return Colors.transparent; return Colors.transparent;