Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-18 02:21:47 -05:00
Code Issues Activity

Updated hover margins

Browse source
This commit is contained in:
Daniël van der Winden 2024-10-14 13:48:02 +02:00
parent e525c8625e
commit 46cdc4dcf3
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/admin-x-design-system/src/global/ListItem.tsx
View file

@ -51,7 +51,7 @@ const ListItem: React.FC<ListItemProps> = ({
return (
<div className={listItemClasses} data-testid={testId}>
{bgOnHover && (
<div className="absolute inset-0 -mx-4 rounded-lg bg-grey-50 opacity-0 transition-opacity group-hover/list-item:opacity-100 dark:bg-grey-950" />
<div className="absolute inset-0 -mx-4 rounded-lg bg-grey-50 opacity-0 group-hover/list-item:opacity-100 dark:bg-grey-950" />
)}
<div className="relative flex w-full items-center justify-between">
{children ? children :
@ -64,7 +64,7 @@ const ListItem: React.FC<ListItemProps> = ({
</div>
}
{action &&
<div className={`visible py-3 md:pl-6 ${paddingRight && 'md:pr-6'} ${hideActions ? 'group-hover/list-item:visible md:invisible' : ''}`}>
<div className={`visible py-3 md:pl-2 ${paddingRight && 'md:pr-2'} ${hideActions ? 'group-hover/list-item:visible md:invisible' : ''}`}>
{action}
</div>
}