bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

ProfileDropdown: fix hover styles for menu items with action

Browse source
This commit is contained in:
Alex Gleason 2023-02-06 17:00:25 -06:00
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 Expand all files Collapse all files

4
app/soapbox/features/ui/components/profile-dropdown.tsx
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>