enh: Expand animations for submenus in toc

TEParsons · Oct 13, 2024 · 82afd19 · 82afd19
1 parent e8d0bc1
commit 82afd19
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 10 deletions.
diff --git a/mkdocs_landing/css/style.css b/mkdocs_landing/css/style.css
@@ -143,24 +143,31 @@ nav#toc {
 nav#toc ul {
     list-style-type: none;
 }
+nav#toc li {
+    margin-bottom: .5rem;
+}
 nav#toc a {
     display: block;
     white-space: nowrap;
     margin: 0.5rem 0;
 }
-nav#toc + * {
-    margin-top: 0;
-}
-
 nav#toc .toc-subitem a {
+    display: inline;
     color: var(--text);
     opacity: 35%;
 }
-nav#toc .toc-subitem {
-    display: none;
+
+nav#toc .toc-item ul {
+    overflow-y: hidden;
+    transition: transform  0.25s ease;
+    transform-origin: top center;
+    transform: scaleY(0);
+    height: 0;
 }
-nav#toc .toc-item:hover .toc-subitem {
-    display: inline;
+nav#toc .toc-item:hover ul {
+    transition: transform  0.25s ease;
+    transform: scaleY(1);
+    height: auto;
 }
 
 

diff --git a/mkdocs_landing/partials/toc.html b/mkdocs_landing/partials/toc.html
@@ -1,6 +1,6 @@
 {% if config.theme.toc_level > 0 %}
-{% for toc_item in page.toc %}
 <ul>
+{% for toc_item in page.toc %}
 <li class="toc-item">
 <a href="{{ toc_item.url }}">{{ toc_item.title }}</a>
     {% if config.theme.toc_level > 1 %}
@@ -15,6 +15,6 @@
     </ul>
     {% endif %}
 </li>
-</ul>
 {% endfor %}
+</ul>
 {% endif %}