Stick search bar on right for consistency and to fix weirdness at middle sizes
(this weirdness introduced by other recent changes, but it's better on the right anyway) Also do not wrap menu on desktop and widescreen. Ref #114
This commit is contained in:
parent
63ef4371cf
commit
92d29700de
2 changed files with 9 additions and 5 deletions
|
@ -56,6 +56,10 @@
|
|||
width: 100%;
|
||||
justify-content: space-around;
|
||||
}
|
||||
@include from($desktop) {
|
||||
flex-wrap: nowrap;
|
||||
margin-right: -1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -25,11 +25,6 @@
|
|||
{% endblock navbar_branding %}
|
||||
<nav class="navigation column">
|
||||
<div class="columns">
|
||||
{% if page.header_search %}
|
||||
<div class="search-bar column has-text-right">
|
||||
{{ page.header_search }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% block navbar_social %}
|
||||
{% if page.navbar_social %}
|
||||
<div class="column is-narrow">
|
||||
|
@ -44,6 +39,11 @@
|
|||
</div>
|
||||
{% endif %}
|
||||
{% endblock primary_menu %}
|
||||
{% if page.header_search %}
|
||||
<div class="search-bar column is-narrow">
|
||||
{{ page.header_search }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Reference in a new issue