Fixed table action not appearing on cell hover (#18014)

refs https://github.com/TryGhost/Product/issues/3823
This commit is contained in:
Djordje Vlaisavljevic 2023-09-07 14:22:37 +01:00 committed by GitHub
parent 78e2cb0c28
commit ba71d53e82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -36,8 +36,10 @@ const TableRow: React.FC<TableRowProps> = ({id, action, hideActions, className,
<tr className={tableRowClasses} data-testid={testId} id={id} onClick={handleClick}> <tr className={tableRowClasses} data-testid={testId} id={id} onClick={handleClick}>
{children} {children}
{action && {action &&
<td className={`visible block px-6 py-3 text-center ${hideActions ? 'group-hover/table-row:visible md:invisible' : ''}`}> <td className={`px-6 py-3`}>
<div className={`flex items-center justify-end ${hideActions ? 'invisible group-hover/table-row:visible' : ''}`}>
{action} {action}
</div>
</td> </td>
} }
</tr> </tr>