From ba71d53e82ab68eee5fba1758736e68ac54cb2ba Mon Sep 17 00:00:00 2001 From: Djordje Vlaisavljevic <dzvlais@gmail.com> Date: Thu, 7 Sep 2023 14:22:37 +0100 Subject: [PATCH] Fixed table action not appearing on cell hover (#18014) refs https://github.com/TryGhost/Product/issues/3823 --- apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx b/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx index b3655ec454..f657734a1b 100644 --- a/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx +++ b/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx @@ -36,8 +36,10 @@ const TableRow: React.FC<TableRowProps> = ({id, action, hideActions, className, <tr className={tableRowClasses} data-testid={testId} id={id} onClick={handleClick}> {children} {action && - <td className={`visible block px-6 py-3 text-center ${hideActions ? 'group-hover/table-row:visible md:invisible' : ''}`}> - {action} + <td className={`px-6 py-3`}> + <div className={`flex items-center justify-end ${hideActions ? 'invisible group-hover/table-row:visible' : ''}`}> + {action} + </div> </td> } </tr>