OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix rendering of empty pane in mobile navigation when no headlines are given

Browse Source
This commit is contained in:
squidfunk 2016-12-30 21:11:05 +01:00
parent d7ba0134a0
commit ca0de52b45
2 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
material/partials/nav-item.html
View File

@ -24,14 +24,22 @@
</li>
{% elif nav_item == page %}
<li class="md-nav__item">
{% set toc = page.toc %}
<input class="md-toggle md-nav__toggle" data-md-toggle="toc" type="checkbox" id="toc">
<label class="md-nav__link md-nav__link--active" for="toc">
{{ nav_item.title }}
</label>
{% if "\x3ch1 id=" in page.content %}
{% set toc = (toc | first).children %}
{% endif %}
{% if toc and (toc | first) %}
<label class="md-nav__link md-nav__link--active" for="toc">
{{ nav_item.title }}
</label>
{% endif %}
<a href="{{ nav_item.url }}" title="{{ nav_item.title }}" class="md-nav__link md-nav__link--active">
{{ nav_item.title }}
</a>
{% include "partials/toc.html" %}
{% if page.toc %}
{% include "partials/toc.html" %}
{% endif %}
</li>
{% else %}
<li class="md-nav__item">

18
src/partials/nav-item.html
View File

@ -57,22 +57,32 @@
<!-- Main navigation item with nested items -->
{% elif nav_item == page %}
<li class="md-nav__item">
{% set toc = page.toc %}
<!-- Active checkbox expands items contained within nested section -->
<input class="md-toggle md-nav__toggle" data-md-toggle="toc"
type="checkbox" id="toc" />
<!-- Nasty hack - see partials/toc.html for more information -->
{% if "\x3ch1 id=" in page.content %}
{% set toc = (toc | first).children %}
{% endif %}
<!-- Expand active pages -->
<label class="md-nav__link md-nav__link--active" for="toc">
{{ nav_item.title }}
</label>
{% if toc and (toc | first) %}
<label class="md-nav__link md-nav__link--active" for="toc">
{{ nav_item.title }}
</label>
{% endif %}
<a href="{{ nav_item.url }}" title="{{ nav_item.title }}"
class="md-nav__link md-nav__link--active">
{{ nav_item.title }}
</a>
<!-- Show table of contents -->
{% include "partials/toc.html" %}
{% if page.toc %}
{% include "partials/toc.html" %}
{% endif %}
</li>
<!-- Main navigation item -->