public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixing focus visible (#4489)

pull/4491/head^2
sean-brydon 2022-09-15 11:17:20 +01:00 committed by GitHub
parent 0c78dbea27
commit 7393ba1d17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/v2/core/Dropdown.tsx
View File

@ -17,7 +17,7 @@ export const DropdownMenuTrigger = forwardRef<HTMLButtonElement, DropdownMenuTri
props.asChild
? classNames(
className,
"radix-state-open:bg-gray-100 radix-state-open:ring-brand-800 radix-state-open:ring-1"
"radix-state-open:bg-gray-100 radix-state-open:ring-brand-800 radix-state-open:ring-1 focus:ring-brand-800 focus:ring-1 focus-visible:outline-none"
)
: `inline-flex items-center rounded-md bg-transparent px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-neutral-500 focus:ring-offset-1 group-hover:text-black ${className}`
}
@ -127,7 +127,7 @@ export const DropdownItem = (props: DropdownItemProps) => {
<ButtonOrLink
{...props}
className={classNames(
"inline-flex items-center px-3 py-2 text-gray-700 hover:text-gray-900",
"focus:ring-brand-800 f inline-flex items-center px-3 py-2 text-gray-700 hover:text-gray-900 focus:outline-none focus:ring-1",
props.color === "destructive" ? "hover:bg-red-100 hover:text-red-700" : " hover:bg-gray-100"
)}>
<>