Add negative margins to re-align tabs

References #341
This commit is contained in:
Oliver Davies 2021-01-10 22:01:30 +00:00
parent b2641662d2
commit 9bcb8bb847

View file

@ -11,11 +11,14 @@
* themed in menu-local-task.html.twig. * themed in menu-local-task.html.twig.
*/ */
#} #}
{% set listClasses = '-mt-3 -ml-3 flex' %}
{% if primary %} {% if primary %}
<h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2> <h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
<ul class="flex">{{ primary }}</ul> <ul class="{{ listClasses }}">{{ primary }}</ul>
{% endif %} {% endif %}
{% if secondary %} {% if secondary %}
<h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2> <h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
<ul class="flex">{{ secondary }}</ul> <ul class="{{ listClasses }}">{{ secondary }}</ul>
{% endif %} {% endif %}