mirror_maker
/
soapbox
mirror of https://gitlab.com/soapbox-pub/soapbox
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

ProfileDropdown: fix hover styles for menu items with `action`

Browse Source
environments/review-fix-dropdo-shg56a/deployments/2544
Alex Gleason 2 years ago
parent 53a930c75c
commit ec7f9b9950
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File

4
app/soapbox/features/ui/components/profile-dropdown.tsx
Unescape View File

@ -158,7 +158,7 @@ interface MenuItemProps {
} }
const MenuItem: React.FC<MenuItemProps> = ({ className, menuItem }) => { const MenuItem: React.FC<MenuItemProps> = ({ className, menuItem }) => {
const baseClassName = clsx(className, 'block cursor-pointer truncate px-4 py-2.5 text-sm text-gray-700 dark:text-gray-500'); const baseClassName = clsx(className, 'block w-full cursor-pointer truncate px-4 py-2.5 text-left text-sm text-gray-700 hover:bg-gray-100 rtl:text-right dark:text-gray-500 dark:hover:bg-gray-800');
if (menuItem.toggle) { if (menuItem.toggle) {
return ( return (
@ -184,7 +184,7 @@ const MenuItem: React.FC<MenuItemProps> = ({ className, menuItem }) => {
return ( return (
<Link <Link
to={menuItem.to} to={menuItem.to}
className={clsx(baseClassName, 'hover:bg-gray-100 dark:hover:bg-gray-800')} className={baseClassName}
> >
{menuItem.text} {menuItem.text}
</Link> </Link>

Write Preview
Loading…
Cancel
Save