align dropdown chevron buttons between group items and page items (#4622)

This commit is contained in:
Tomek
2026-09-18 13:17:41 +02:00
committed by GitHub
parent f80429e4e8
commit a52daf8b15
2 changed files with 2 additions and 2 deletions
@@ -71,7 +71,7 @@ export function PageGroupItem(props: { page: ClientTOCPageGroup; isFirst?: boole
{hasDescendants ? (
<span
className={tcls(
'toc-group-chevron ml-auto flex shrink-0 transition-opacity duration-150',
'toc-group-chevron ml-auto mr-1 flex shrink-0 transition-opacity duration-150',
isOpen
? 'pointer-events-none opacity-0 delay-75'
: 'opacity-6 delay-0'
@@ -165,7 +165,7 @@ function Toggler(props: { isLinkActive: boolean; isOpen: boolean; onToggle: () =
iconOnly
variant="blank"
aria-hidden="true" // The button has no label or focus so hiding it from screen readers.
className="-my-0.5 ml-auto min-h-6 min-w-6 text-current hover:bg-tint-base"
className="-my-0.5 -mr-1 ml-auto min-h-6 min-w-6 text-current hover:bg-tint-base"
tabIndex={-1} // Prevent focus on the button since it's already inside a clickable link that performs the same toggle action.
/>
);