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 ListItem and TableRow

Browse source 
Set the background for hover states to lightgrey, instead of a gradient.
This commit is contained in:
Daniël van der Winden 2024-10-10 10:52:17 +01:00
parent 5a5c978ba7
commit 7693fa9ea4
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -43,7 +43,7 @@ const ListItem: React.FC<ListItemProps> = ({
const listItemClasses = clsx(
'group/list-item flex items-center justify-between',
bgOnHover && '-mx-6 rounded-lg px-6 hover:bg-grey-50 dark:hover:bg-grey-950',
bgOnHover && '-mx-4 px-4 hover:bg-grey-50 dark:hover:bg-grey-950',
separator ? 'border-b border-grey-100 last-of-type:border-b-transparent hover:border-grey-200 dark:border-grey-900 dark:hover:border-grey-800' : 'border-y border-transparent hover:border-grey-200 first-of-type:hover:border-t-transparent dark:hover:border-grey-800',
className
);

2
apps/admin-x-design-system/src/global/TableRow.tsx
View file

@ -1,7 +1,7 @@
import clsx from 'clsx';
import React, {forwardRef} from 'react';
export const tableRowHoverBgClasses = 'hover:bg-gradient-to-r hover:from-white hover:to-grey-50 dark:hover:from-black dark:hover:to-grey-950';
export const tableRowHoverBgClasses = '-mx-4 px-4 hover:bg-grey-50 dark:hover:bg-grey-950';
export interface TableRowProps {
id?: string;