mirror of
https://github.com/GitbookIO/gitbook.git
synced 2026-09-21 01:53:26 +00:00
align dropdown chevron buttons between group items and page items (#4622)
This commit is contained in:
@@ -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.
|
||||
/>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user