Start converting header, nav etc to all bulma columns

This commit is contained in:
Benjamin Melançon 2019-08-16 02:53:01 -04:00
parent 3971990b6e
commit 0565057444
4 changed files with 47 additions and 38 deletions

View file

@ -16,27 +16,42 @@
%}
{% endif %}
{% block navbar %}
{# Add a new region #}
{% if page.header_user or page.header_search %}
<div class="container">
<div class="columns">
<div class="column empty-top"></div>
{% if page.header_user %}
<div class="column user-account-menu">
{{ page.header_user }}
</div>
{% endif %}
{% if page.header_search %}
<div class="column search-bar is-hidden-mobile">
{{ page.header_search }}
</div>
{% endif %}
</div>
</div>
{% endif %}
{{ parent() }}
{# We put everything in Bulma columns so must do navbar in header block #}
{% endblock navbar %}
{% block header %}
<div class="columns header">
{% block navbar_branding %}
{{ page.navbar_branding }}
{% endblock navbar_branding %}
<nav class="column navigation">
<div class="columns">
{% if page.header_search %}
<div class="column search-bar is-hidden-mobile">
{{ page.header_search }}
</div>
{% endif %}
{% if page.header_user %}
<div class="column user-account-menu">
{{ page.header_user }}
</div>
{% endif %}
{% block navbar_social %}
{% if page.navbar_social %}
<div class="column">
{{ page.navbar_social }}
</div>
{% endif %}
{% endblock navbar_social %}
{% block primary_menu %}
{% if page.primary_menu %}
<div class="column">
{{ page.primary_menu }}
</div>
{% endif %}
{% endblock primary_menu %}
</div>
</nav>
</div>
<p class="slogan"><strong class="title">{{ site_slogan }}</strong></p>
{% if not is_front %}
<section>