TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Fixed hover on list items in Admin Design System

Browse Source 
refs. https://github.com/TryGhost/Team/issues/3150
This commit is contained in:
Peter Zimon 2023-05-22 17:30:26 +02:00
parent 08039d0e62
commit 8cab3a4a06
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin-x-settings/src/admin-x-ds/global/ListItem.tsx
View File

@ -22,7 +22,7 @@ const ListItem: React.FC<ListItemProps> = ({id, title, detail, action, hideActio
separator = (separator === undefined) ? true : separator;
return (
<div className={`group flex items-center justify-between ${onClick && 'hover:bg-gradient-to-r hover:from-white hover:to-grey-50'} ${separator ? 'border-b border-grey-100 last-of-type:border-none' : ''}`}>
<div className={`group flex items-center justify-between hover:bg-gradient-to-r hover:from-white hover:to-grey-50 ${separator ? 'border-b border-grey-100 last-of-type:border-none' : ''}`}>
<div className={`flex grow flex-col pr-6 ${separator ? 'py-3' : 'py-2'} ${onClick && 'cursor-pointer'}`} id={id} onClick={handleClick}>
<span>{title}</span>
{detail && <span className='text-xs text-grey-700'>{detail}</span>}