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>