Add DocSearch class to active NavItem heading

fabian-hiller · Dec 8, 2023 · 8fefb8b · 8fefb8b
1 parent e7643fb
commit 8fefb8b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/website/src/components/Navigation.tsx b/website/src/components/Navigation.tsx
@@ -66,7 +66,11 @@ const NavItem = component$<NavItemProps>(({ text, items }) => {
     <li class="space-y-6">
       <div class="sticky -top-1 z-10 lg:static">
         <h4
-          class={clsx('text-lg font-medium text-slate-900 dark:text-slate-200')}
+          class={clsx(
+            'text-lg font-medium text-slate-900 dark:text-slate-200',
+            items?.some(({ href }) => location.url.pathname === href) &&
+              'docsearch-lvl1'
+          )}
         >
           {text}
         </h4>