diff --git a/shared/templates/styleguide2/includes/organisms/layout/navbar.html b/shared/templates/styleguide2/includes/organisms/layout/navbar.html index 6c9e2fd8c08d493af46b50a07675bf73745c36be..ee7291fcbfcb3ff1cd6336ecd32a8052330d9e61 100644 --- a/shared/templates/styleguide2/includes/organisms/layout/navbar.html +++ b/shared/templates/styleguide2/includes/organisms/layout/navbar.html @@ -55,7 +55,13 @@ <a href="{{ target }}" - class="__js-root flex gap-1 items-center decoration-1 underline-offset-4 {% if selected_item == page.root_page.important_item_name %}navbar__menu-item--selected{% endif %}" + class=" + __js-root flex gap-1 items-center decoration-1 underline-offset-4 + + navbar__menu-item + + {% if selected_item == page.root_page.important_item_name %}navbar__menu-item--selected{% endif %} + " > <div class="mb-1"> {% if not is_transparent %} @@ -84,6 +90,9 @@ href="{{ target }}" class=" decoration-1 underline-offset-4 + + navbar__menu-item + {% if menu_item.value.title == selected_item %}navbar__menu-item--selected{% endif %} " >{{ menu_item.value.title }}</a> @@ -167,7 +176,13 @@ {% if important_item %} <a href="#" - class="__js-root flex items-center decoration-1 underline-offset-4 {% if selected_item == important_item %}navbar__menu-item--selected{% endif %}" + class=" + __js-root flex items-center decoration-1 underline-offset-4 + + navbar__menu-item + + {% if selected_item == important_item %}navbar__menu-item--selected{% endif %} + " > {% if not is_transparent %} {% include 'styleguide2/includes/atoms/icons/arrow.html' with width='27' height='28.35' %} @@ -186,6 +201,9 @@ href="{{ target }}" class=" decoration-1 underline-offset-4 + + navbar__menu-item + {% if menu_item.value.title == selected_item %}navbar__menu-item--selected{% endif %} " >{{ menu_item.value.title }}</a>