diff --git a/packages/gitbook/src/components/PageAside/AsideSectionHighlight.tsx b/packages/gitbook/src/components/PageAside/AsideSectionHighlight.tsx
deleted file mode 100644
index 9fb0186cd1..0000000000
--- a/packages/gitbook/src/components/PageAside/AsideSectionHighlight.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-'use client';
-
-import { type ClassValue, tcls } from '@/lib/tailwind';
-import React from 'react';
-
-export const AsideSectionHighlight = React.memo(
- ({
- className,
- }: {
- className?: ClassValue;
- }) => {
- return (
-
- );
- }
-);
diff --git a/packages/gitbook/src/components/PageAside/PageAside.tsx b/packages/gitbook/src/components/PageAside/PageAside.tsx
index 5bf96aeaf4..8874c6ba0a 100644
--- a/packages/gitbook/src/components/PageAside/PageAside.tsx
+++ b/packages/gitbook/src/components/PageAside/PageAside.tsx
@@ -169,7 +169,11 @@ async function PageAsideSections(props: { document: JSONDocument; context: GitBo
const sections = await getDocumentSections(context, document);
- return sections.length > 1 ? : null;
+ return sections.length > 1 ? (
+
+
+
+ ) : null;
}
function PageAsideActions(props: {
diff --git a/packages/gitbook/src/components/PageAside/ScrollSectionsList.tsx b/packages/gitbook/src/components/PageAside/ScrollSectionsList.tsx
index 37c24ba6f2..0fb2bb263e 100644
--- a/packages/gitbook/src/components/PageAside/ScrollSectionsList.tsx
+++ b/packages/gitbook/src/components/PageAside/ScrollSectionsList.tsx
@@ -7,7 +7,6 @@ import { tcls } from '@/lib/tailwind';
import { useBodyLoaded } from '@/components/primitives';
import { HEADER_HEIGHT_DESKTOP } from '../layout';
-import { AsideSectionHighlight } from './AsideSectionHighlight';
/**
* The threshold at which we consider a section as intersecting the viewport.
@@ -44,7 +43,7 @@ export function ScrollSectionsList({ sections }: { sections: DocumentSection[] }
return (
{sections.map((section) => (
@@ -62,22 +61,6 @@ export function ScrollSectionsList({ sections }: { sections: DocumentSection[] }
)}
ref={activeId === section.id ? activeItemRef : null}
>
- {activeId === section.id && (
- 1
- ? [
- 'sidebar-list-default:rounded-l-none',
- 'sidebar-list-line:rounded-l-none',
- ]
- : [
- 'sidebar-list-default:ml-3',
- 'contrast-more:sidebar-list-default:ml-0',
- ]
- )}
- />
- )}
1 && [
'subitem',
'sidebar-list-line:pl-6',
@@ -120,17 +107,20 @@ export function ScrollSectionsList({ sections }: { sections: DocumentSection[] }
'hover:text-primary',
'contrast-more:text-primary',
'contrast-more:hover:text-primary-strong',
- 'sidebar-list-line:ml-px',
-
'hover:bg-primary-hover',
+
'theme-muted:hover:bg-primary-active',
'[html.sidebar-filled.theme-bold.tint_&]:hover:bg-primary-active',
'theme-gradient:hover:bg-primary-active',
-
'tint:font-semibold',
'contrast-more:font-semibold',
+ 'sidebar-list-line:border-primary-9',
'sidebar-list-default:border-tint',
+
+ 'sidebar-list-pill:bg-primary',
+ '[html.theme-muted.sidebar-list-pill_&]:bg-primary-hover',
+ '[html.theme-gradient.sidebar-list-pill_&]:bg-primary-active',
]
)}
>