fix: #10553 - "Apps" child items not highlighted when selected (#10565)

Co-authored-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
pull/10654/head
Nadeem Ashraf 2023-08-09 03:03:58 +05:30 committed by GitHub
parent 59ea4d624b
commit 2aa0188418
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions

View File

@ -655,9 +655,10 @@ const NavigationItem: React.FC<{
href={item.href}
aria-label={t(item.name)}
className={classNames(
"[&[aria-current='page']]:bg-emphasis text-default group flex items-center rounded-md px-2 py-1.5 text-sm font-medium",
"text-default group flex items-center rounded-md px-2 py-1.5 text-sm font-medium",
item.child ? `[&[aria-current='page']]:bg-transparent` : `[&[aria-current='page']]:bg-emphasis`,
isChild
? `[&[aria-current='page']]:text-emphasis hidden h-8 pl-16 lg:flex lg:pl-11 [&[aria-current='page']]:bg-transparent ${
? `[&[aria-current='page']]:text-emphasis [&[aria-current='page']]:bg-emphasis hidden h-8 pl-16 lg:flex lg:pl-11 ${
props.index === 0 ? "mt-0" : "mt-px"
}`
: "[&[aria-current='page']]:text-emphasis mt-0.5 text-sm",