From ecd8be867db9df6ca32464420a71282cfa064667 Mon Sep 17 00:00:00 2001
From: Muhammad Ali <muhammad.ali@canonical.com>
Date: Thu, 19 Dec 2024 12:10:51 +0500
Subject: [PATCH] Add H3 to TOC tree

---
 templates/docs/document.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/templates/docs/document.html b/templates/docs/document.html
index 324c7e7c..2f14f8c1 100644
--- a/templates/docs/document.html
+++ b/templates/docs/document.html
@@ -123,7 +123,14 @@ <h4 class="p-table-of-contents__header">On this page</h4>
             <nav class="p-table-of-contents__nav" aria-label="Table of contents">
               <ul class="p-table-of-contents__list">
                 {% for heading in document.headings_map %}
-                <li class="p-table-of-contents__item"><a class="p-table-of-contents__link" href="#{{ heading.heading_slug }}">{{ heading.heading_text }}</a></li>
+                  <li class="p-table-of-contents__item"><a class="p-table-of-contents__link" href="#{{ heading.heading_slug }}">{{ heading.heading_text }}</a></li>
+                    {% if heading.children %}
+                      <ul class="p-table-of-contents__list">
+                        {% for child in heading.children %}
+                          <li class="p-table-of-contents__item"><a class="p-table-of-contents__link" href="#{{ child.heading_slug }}">{{ child.heading_text }}</a></li>
+                        {% endfor %}
+                      </ul>
+                    {% endif %}
                 {% endfor %}
               </ul>
             </nav>