diff --git a/mailpoet/assets/css/src/components-homepage/_product-discovery.scss b/mailpoet/assets/css/src/components-homepage/_product-discovery.scss index db9e4ba608..0f03fc980a 100644 --- a/mailpoet/assets/css/src/components-homepage/_product-discovery.scss +++ b/mailpoet/assets/css/src/components-homepage/_product-discovery.scss @@ -34,6 +34,14 @@ } } +.mailpoet-product-discovery__task--completed { + cursor: inherit; + + &:hover { + box-shadow: none; + } +} + .mailpoet-product-discovery__task-content { h3 { color: var(--wp-admin-theme-color); diff --git a/mailpoet/assets/js/src/homepage/components/discovery-task.tsx b/mailpoet/assets/js/src/homepage/components/discovery-task.tsx index 7d7e6d31e4..b75763693a 100644 --- a/mailpoet/assets/js/src/homepage/components/discovery-task.tsx +++ b/mailpoet/assets/js/src/homepage/components/discovery-task.tsx @@ -1,6 +1,7 @@ import { Icon } from '@wordpress/components'; import { check } from '@wordpress/icons'; import { MailPoet } from 'mailpoet'; +import classnames from 'classnames'; type Props = { title: string; @@ -33,11 +34,15 @@ export function DiscoveryTask({ }; return (
  • e.key === 'Enter' && handleTaskClick()} + onClick={isDone ? undefined : handleTaskClick} + tabIndex={isDone ? undefined : 0} + onKeyDown={ + isDone ? undefined : (e) => e.key === 'Enter' && handleTaskClick() + } > {title}