diff --git a/material/partials/tabs-item.html b/material/partials/tabs-item.html index aef42d77e637f2567dcf016a21b95b1d84e9ec5f..686b5a59b926414f65e26b98fdbaf0d7c9af45d6 100644 --- a/material/partials/tabs-item.html +++ b/material/partials/tabs-item.html @@ -11,15 +11,21 @@ {% endif %} </li> {% elif nav_item.children and nav_item.children | length > 0 %} - <li class="md-tabs__item"> - {% if nav_item.active %} - <a href="{{ (nav_item.children | first).url }}" title="{{ nav_item.title }}" class="md-tabs__link md-tabs__link--active"> - {{ nav_item.title }} - </a> - {% else %} - <a href="{{ (nav_item.children | first).url }}" title="{{ nav_item.title }}" class="md-tabs__link"> - {{ nav_item.title }} - </a> - {% endif %} - </li> + {% set title = title | default(nav_item.title) %} + {% if (nav_item.children | first).children | length > 0 %} + {% set nav_item = nav_item.children | first %} + {% include "partials/tabs-item.html" %} + {% else %} + <li class="md-tabs__item"> + {% if nav_item.active %} + <a href="{{ (nav_item.children | first).url }}" title="{{ title }}" class="md-tabs__link md-tabs__link--active"> + {{ title }} + </a> + {% else %} + <a href="{{ (nav_item.children | first).url }}" title="{{ title }}" class="md-tabs__link"> + {{ title }} + </a> + {% endif %} + </li> + {% endif %} {% endif %} diff --git a/src/partials/tabs-item.html b/src/partials/tabs-item.html index acfb04edeea77f722a0b1b098db1438053b06112..60759edd365ecfac9e2f0961edae5549fc997117 100644 --- a/src/partials/tabs-item.html +++ b/src/partials/tabs-item.html @@ -38,18 +38,27 @@ <!-- Main navigation item with nested items --> {% elif nav_item.children and nav_item.children | length > 0 %} - <li class="md-tabs__item"> - {% if nav_item.active %} - <a href="{{ (nav_item.children | first).url }}" - title="{{ nav_item.title }}" - class="md-tabs__link md-tabs__link--active"> - {{ nav_item.title }} - </a> - {% else %} - <a href="{{ (nav_item.children | first).url }}" - title="{{ nav_item.title }}" class="md-tabs__link"> - {{ nav_item.title }} - </a> - {% endif %} - </li> + {% set title = title | default(nav_item.title) %} + + <!-- Recurse, if the first item has nested items --> + {% if (nav_item.children | first).children | length > 0 %} + {% set nav_item = nav_item.children | first %} + {% include "partials/tabs-item.html" %} + + <!-- Render item --> + {% else %} + <li class="md-tabs__item"> + {% if nav_item.active %} + <a href="{{ (nav_item.children | first).url }}" + title="{{ title }}" class="md-tabs__link md-tabs__link--active"> + {{ title }} + </a> + {% else %} + <a href="{{ (nav_item.children | first).url }}" + title="{{ title }}" class="md-tabs__link"> + {{ title }} + </a> + {% endif %} + </li> + {% endif %} {% endif %}