From c41bc5c237e92dc0e80660254d53725fe55bf276 Mon Sep 17 00:00:00 2001 From: Sodbileg Gansukh Date: Tue, 12 Nov 2024 10:51:51 +0800 Subject: [PATCH] Fixed table row hover effect in Safari (#21586) ref DES-951 --- apps/admin-x-design-system/src/global/TableRow.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/admin-x-design-system/src/global/TableRow.tsx b/apps/admin-x-design-system/src/global/TableRow.tsx index 35bb54112e..c1b40bcb3c 100644 --- a/apps/admin-x-design-system/src/global/TableRow.tsx +++ b/apps/admin-x-design-system/src/global/TableRow.tsx @@ -28,7 +28,7 @@ const TableRow = forwardRef(function TableRo separator = (separator === undefined) ? true : separator; const tableRowClasses = clsx( - 'group/table-row relative', + 'group/table-row relative transform-gpu [clip-path:inset(0_-16px)]', bgOnHover && tableRowHoverBgClasses, onClick && 'cursor-pointer', separator ? 'border-b border-grey-100 last-of-type:border-b-transparent dark:border-grey-950' : 'border-y border-none first-of-type:hover:border-t-transparent',