TF-3758 Set hover folder item color to gray

Signed-off-by: dab246 <tdvu@linagora.com>

lib/features/mailbox/presentation/widgets/mailbox_item_widget.dart

@@ -68,43 +68,51 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
       return DragTarget<List<PresentationEmail>>(
         key: _key,
         builder: (context, candidateEmails, rejectedEmails) {
-          return InkWell(
+          return Material(
-            onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
+            type: MaterialType.transparency,
-            onHover: (value) => setState(() => _isItemHovered = value),
+            child: InkWell(
-            child: Container(
+              onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
-              decoration: BoxDecoration(
+              onHover: (value) => setState(() => _isItemHovered = value),
-                borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
+              borderRadius: const BorderRadius.all(
-                color: backgroundColorItem
+                Radius.circular(MailboxItemWidgetStyles.borderRadius),
               ),
-              padding: const EdgeInsetsDirectional.symmetric(
+              child: Container(
-                horizontal: MailboxItemWidgetStyles.itemPadding,
+                decoration: BoxDecoration(
-              ),
+                  borderRadius: const BorderRadius.all(
-              height: widget.mailboxNode.item.isTeamMailboxes
+                    Radius.circular(MailboxItemWidgetStyles.borderRadius),
-                  ? MailboxItemWidgetStyles.teamMailboxHeight
-                  : MailboxItemWidgetStyles.height,
-              child: Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                crossAxisAlignment: widget.mailboxNode.item.isTeamMailboxes
-                  ? CrossAxisAlignment.start
-                  : CrossAxisAlignment.center,
-                children: [
-                  if (_isIconDisplayed)
-                    MailboxIconWidget(icon: _iconMailbox),
-                  Expanded(
-                    child: LabelMailboxItemWidget(
-                      itemKey: _key,
-                      responsiveUtils: _responsiveUtils,
-                      mailboxNode: widget.mailboxNode,
-                      imagePaths: _imagePaths,
-                      isItemHovered: _isItemHovered,
-                      isSelected: _isSelected,
-                      onMenuActionClick: widget.onMenuActionClick,
-                      onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
-                      onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
-                    )
                   ),
-                ]
+                  color: backgroundColorItem,
-              )
+                ),
+                padding: const EdgeInsetsDirectional.symmetric(
+                  horizontal: MailboxItemWidgetStyles.itemPadding,
+                ),
+                height: widget.mailboxNode.item.isTeamMailboxes
+                    ? MailboxItemWidgetStyles.teamMailboxHeight
+                    : MailboxItemWidgetStyles.height,
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  crossAxisAlignment: widget.mailboxNode.item.isTeamMailboxes
+                    ? CrossAxisAlignment.start
+                    : CrossAxisAlignment.center,
+                  children: [
+                    if (_isIconDisplayed)
+                      MailboxIconWidget(icon: _iconMailbox),
+                    Expanded(
+                      child: LabelMailboxItemWidget(
+                        itemKey: _key,
+                        responsiveUtils: _responsiveUtils,
+                        mailboxNode: widget.mailboxNode,
+                        imagePaths: _imagePaths,
+                        isItemHovered: _isItemHovered,
+                        isSelected: _isSelected,
+                        onMenuActionClick: widget.onMenuActionClick,
+                        onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
+                        onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
+                      )
+                    ),
+                  ]
+                )
+              ),
             ),
           );
         },
@@ -113,46 +121,54 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
     } else {
       if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
         if (PlatformInfo.isWeb) {
-          return InkWell(
+          return Material(
-            key: _key,
+            type: MaterialType.transparency,
-            onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
+            child: InkWell(
-            onHover: (value) => setState(() => _isItemHovered = value),
+              key: _key,
-            child: Container(
+              onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
-              decoration: BoxDecoration(
+              onHover: (value) => setState(() => _isItemHovered = value),
-                borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
+              borderRadius: const BorderRadius.all(
-                color: backgroundColorItem
+                Radius.circular(MailboxItemWidgetStyles.borderRadius),
               ),
-              padding: const EdgeInsetsDirectional.symmetric(
+              child: Container(
-                horizontal: MailboxItemWidgetStyles.itemPadding,
+                decoration: BoxDecoration(
-              ),
+                  borderRadius: const BorderRadius.all(
-              height: widget.mailboxNode.item.isTeamMailboxes
+                    Radius.circular(MailboxItemWidgetStyles.borderRadius),
-                  ? MailboxItemWidgetStyles.teamMailboxHeight
-                  : MailboxItemWidgetStyles.height,
-              child: Row(
-                children: [
-                  if (_isIconDisplayed)
-                    MailboxIconWidget(icon: _iconMailbox),
-                  Expanded(
-                    child: LabelMailboxItemWidget(
-                      itemKey: _key,
-                      responsiveUtils: _responsiveUtils,
-                      mailboxNode: widget.mailboxNode,
-                      imagePaths: _imagePaths,
-                      isItemHovered: _isItemHovered,
-                      isSelected: _isSelected,
-                      onMenuActionClick: widget.onMenuActionClick,
-                      onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
-                      onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
-                    )
                   ),
-                ]
+                  color: backgroundColorItem,
-              )
+                ),
+                padding: const EdgeInsetsDirectional.symmetric(
+                  horizontal: MailboxItemWidgetStyles.itemPadding,
+                ),
+                height: widget.mailboxNode.item.isTeamMailboxes
+                    ? MailboxItemWidgetStyles.teamMailboxHeight
+                    : MailboxItemWidgetStyles.height,
+                child: Row(
+                  children: [
+                    if (_isIconDisplayed)
+                      MailboxIconWidget(icon: _iconMailbox),
+                    Expanded(
+                      child: LabelMailboxItemWidget(
+                        itemKey: _key,
+                        responsiveUtils: _responsiveUtils,
+                        mailboxNode: widget.mailboxNode,
+                        imagePaths: _imagePaths,
+                        isItemHovered: _isItemHovered,
+                        isSelected: _isSelected,
+                        onMenuActionClick: widget.onMenuActionClick,
+                        onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
+                        onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
+                      )
+                    ),
+                  ]
+                )
+              ),
             ),
           );
         } else {
           return Material(
             key: _key,
-            color: Colors.transparent,
+            type: MaterialType.transparency,
             child: InkWell(
               onLongPress: () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode),
               onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
@@ -268,7 +284,7 @@ class _MailboxItemWidgetState extends State<MailboxItemWidget> {
     if (widget.mailboxDisplayed == MailboxDisplayed.destinationPicker) {
       return Colors.white;
     } else {
-      if (_isSelected || _isItemHovered) {
+      if (_isSelected) {
         return AppColor.blue100;
       } else {
         return Colors.transparent;