Tweak the Bulma classes to get the layout we want

This commit is contained in:
Benjamin Melançon 2019-08-19 10:54:07 -04:00
parent 969377da39
commit e043b71edc

View file

@ -19,32 +19,32 @@
{# We put everything in Bulma columns so must do navbar in header block #} {# We put everything in Bulma columns so must do navbar in header block #}
{% endblock navbar %} {% endblock navbar %}
{% block header %} {% block header %}
<div class="header columns is-marginless"> <div class="header columns is-mobile is-multiline is-marginless">
{% block navbar_branding %} {% block navbar_branding %}
{{ page.navbar_branding }} {{ page.navbar_branding }}
{% endblock navbar_branding %} {% endblock navbar_branding %}
<nav class="navigation column"> <nav class="navigation column">
<div class="columns"> <div class="columns">
{% if page.header_search %} {% if page.header_search %}
<div class="column search-bar is-hidden-mobile"> <div class="search-bar column has-text-right">
{{ page.header_search }} {{ page.header_search }}
</div> </div>
{% endif %} {% endif %}
{% if page.header_user %} {% if page.header_user %}
<div class="user-account-menu column"> <div class="user-account-menu column is-narrow">
{{ page.header_user }} {{ page.header_user }}
</div> </div>
{% endif %} {% endif %}
{% block navbar_social %} {% block navbar_social %}
{% if page.navbar_social %} {% if page.navbar_social %}
<div class="column"> <div class="column is-narrow">
{{ page.navbar_social }} {{ page.navbar_social }}
</div> </div>
{% endif %} {% endif %}
{% endblock navbar_social %} {% endblock navbar_social %}
{% block primary_menu %} {% block primary_menu %}
{% if page.primary_menu %} {% if page.primary_menu %}
<div class="column"> <div class="column is-narrow">
{{ page.primary_menu }} {{ page.primary_menu }}
</div> </div>
{% endif %} {% endif %}