themes: easily move the nav block (#57655)

* add block 'after-header'
* move nav code into own file
This commit is contained in:
Thomas Jund 2021-10-06 16:32:27 +02:00
parent 56e67401e5
commit e363c89e7a
3 changed files with 28 additions and 29 deletions

View File

@ -100,9 +100,8 @@ data-api-root="{{ site_base }}/api/"
</h1>
{% endblock %}
{% block menu %}
{% show_menu depth=2 ignore_visibility=True %}
{% placeholder "menu_right" %}
{% block nav %}
{% include 'includes/nav.html' %}
{% endblock %}
{% block before-main-content %}

View File

@ -0,0 +1,22 @@
{% load combo %}
<nav role="navigation" class="site-nav">
<div id="nav-wrapper" class="gru-nav-wrapper">
{% block nav-pre %}{% endblock %}
<div id="nav" class="gru-nav togglable">
{% block nav-top %}{% endblock %}
<button id="nav-button" class="gru-nav-button togglable" aria-label="Menu">
<span class="sr-only">Ouvrir le menu</span>
<span class="icon-bar icon-bar-1"></span>
<span class="icon-bar icon-bar-2"></span>
<span class="icon-bar icon-bar-3"></span>
</button>
{% block menu %}
{% show_menu depth=2 ignore_visibility=True %}
{% placeholder "menu_right" %}
{% endblock %}
{% block nav-bottom %}{% endblock %}
</div> <!-- nav -->
{% block nav-post %}{% endblock %}
</div> <!-- nav-wrapper -->
</nav>

View File

@ -72,32 +72,10 @@
</div> <!-- header-wrapper -->
</header>
{% block nav %}
<nav role="navigation" class="site-nav">
<div id="nav-wrapper" class="gru-nav-wrapper">
{% block nav-pre %}{% endblock %}
<div id="nav" class="gru-nav togglable">
{% block nav-top %}{% endblock %}
<button id="nav-button" class="gru-nav-button togglable" aria-label="Menu">
<span class="sr-only">Ouvrir le menu</span>
<span class="icon-bar icon-bar-1"></span>
<span class="icon-bar icon-bar-2"></span>
<span class="icon-bar icon-bar-3"></span>
</button>
{% block menu %}
<ul>
<li class="link-accueil"><a href="{{combo_url}}">Accueil</a></li>
<li class="link-demarches"><a href="{{wcs_url}}/login">Démarches</a></li>
<li class="link-profil"><a href="{{authentic_url}}/accounts/">Profil</a></li>
<li class="link-aide"><a href="{{help_url}}">Aide</a></li>
</ul>
{% endblock %}
{% block nav-bottom %}{% endblock %}
</div> <!-- nav -->
{% block nav-post %}{% endblock %}
</div> <!-- nav-wrapper -->
</nav>
{% endblock %}
{% block after-header %}
{% block nav %}
{% endblock %}
{% endblock %}
{% block before-main-content %}
{% endblock %}