geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 54 Pull requests Projects Releases Packages Wiki Activity Actions

Conclusion of endless round of changes to make menu sort of usable

Browse source 
The dropdowns do not drop down on touch devices,
before fixing that need to check in on if the noble
battle to keep the menu visible for as many devices
as possible (and not hide behind the hamburger)
should in fact be given up.

Ref #114
This commit is contained in:
benjamin melançon 2025-02-23 23:20:40 -05:00
parent aab893c1d9
commit 3f1860f671
5 changed files with 56 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/themes/custom/geofresco/src/templates/block/block--system-branding-block.html.twig
View file

@ -14,18 +14,18 @@
* @ingroup themeable
*/
#}
<div class="column is-narrow geo-logo-name is-paddingless">
{% if site_logo %}
<div class="logo column is-narrow is-paddingless has-text-centered">
<figure class="image no-upscale">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
<img src="{{ site_logo }}" alt="{{ site_name }} Home" />
</a>
</figure>
<div class="logo">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
<img src="{{ site_logo }}" alt="GEO's logo, a gently winding path through green to a large bright sun on the horizon." />
</a>
</div>
{% endif %}
<div class="sitename column is-narrow is-paddingless has-text-centered">
<div class="sitename">
<a class="site-title title is-3" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
<span class="green">Grassroots
Economic</span>
<span class="yellow">Organizing</span></a>
</div>
</div>

2
web/themes/custom/geofresco/src/templates/elements/menu--nav-bulma.html.twig
View file

@ -58,7 +58,7 @@
%}
{% endif %}
{% if item.url|render == '/search' %}
{% set item_classes = item_classes|merge(['is-hidden-tablet']) %}
{% set item_classes = item_classes|merge(['is-hidden-desktop search-icon']) %}
{% endif %}
{% endif %}
{{ link(

10
web/themes/custom/geofresco/src/templates/layout/page.html.twig
View file

@ -16,17 +16,17 @@
%}
{% endif %}
{% block navbar %}
{# 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, not here #}
{% endblock navbar %}
{% block header %}
<div class="header columns is-mobile is-multiline is-marginless">
<div class="header columns is-marginless">
{% block navbar_branding %}
{{ page.navbar_branding }}
{% endblock navbar_branding %}
<nav class="navigation column">
<div class="columns">
{% if page.header_search %}
<div class="search-bar column has-text-right is-hidden-mobile">
<div class="search-bar column has-text-right">
{{ page.header_search }}
</div>
{% endif %}
@ -39,7 +39,7 @@
{% endblock navbar_social %}
{% block primary_menu %}
{% if page.primary_menu %}
<div class="column is-narrow">
<div class="column">
{{ page.primary_menu }}
</div>
{% endif %}
@ -47,11 +47,13 @@
</div>
</nav>
</div>
{% if is_front %}
<div class="columns">
<div class="column has-text-centered">
<p class="slogan"><strong class="title">{{ site_slogan }}</strong></p>
</div>
</div>
{% endif %}
{{ page.highlighted }}
{{ page.help }}
{% block tabs %}