From d1ee41793ff149301501f1f6948063e6b98c774d Mon Sep 17 00:00:00 2001
From: Juri <juri.strumpflohner@gmail.com>
Date: Wed, 9 Apr 2025 12:07:04 +0200
Subject: [PATCH] fix(nx-dev): update markdoc component to exclude h1 headers

---
 .../ui-markdoc/src/lib/tags/table-of-contents.component.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/nx-dev/ui-markdoc/src/lib/tags/table-of-contents.component.tsx b/nx-dev/ui-markdoc/src/lib/tags/table-of-contents.component.tsx
index 5ffc459de4..865a14eb94 100644
--- a/nx-dev/ui-markdoc/src/lib/tags/table-of-contents.component.tsx
+++ b/nx-dev/ui-markdoc/src/lib/tags/table-of-contents.component.tsx
@@ -23,7 +23,7 @@ export function TableOfContents({
     if (!content) return;
 
     // Get all headings h1-h6 within the content
-    const headingElements = content.querySelectorAll('h1, h2, h3, h4, h5, h6');
+    const headingElements = content.querySelectorAll('h2, h3, h4, h5, h6');
 
     const items: TocItem[] = Array.from(headingElements)
       .map((heading) => {
@@ -54,7 +54,7 @@ export function TableOfContents({
         {headings.map((heading) => (
           <li
             key={heading.id}
-            style={{ paddingLeft: `${(heading.level - 1) * 1}rem` }}
+            style={{ paddingLeft: `${(heading.level - 2) * 1}rem` }}
           >
             <a
               href={`#${heading.id}`}