feat: support name only TOC node

dotnet · Apr 10, 2023 · a932450 · a932450
1 parent a002cb6
commit a932450
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/templates/modern/src/toc.scss b/templates/modern/src/toc.scss
@@ -60,4 +60,10 @@ $expand-stub-width: .85rem;
   li.expanded > .expand-stub::before {
     transform: rotate(90deg);
   }
+
+  span.name-only {
+    font-weight: 600;
+    display: inline-block;
+    margin: .4rem 0;
+  }
 }
diff --git a/templates/modern/src/toc.ts b/templates/modern/src/toc.ts
@@ -84,7 +84,7 @@ export async function renderToc(): Promise<TocNode[]> {
       const dom = href
         ? html`<a class='${classMap({ 'nav-link': !activeNodes.includes(node) })}' href=${href}>${breakWordLit(name)}</a>`
         : (isLeaf
-          ? html`<span class='name'>${breakWordLit(name)}</a>`
+          ? html`<span class='text-body-tertiary name-only'>${breakWordLit(name)}</a>`
           : html`<a class='${classMap({ 'nav-link': !activeNodes.includes(node) })}' href='#' @click=${toggleExpand}>${breakWordLit(name)}</a>`)
 
       return html`