Clean up navigation menu group headings

This commit is contained in:
Jeremy Stretch 2024-01-04 17:00:32 -05:00
parent c91aec0698
commit 36968719ed

View File

@ -1,11 +1,11 @@
{% load helpers %} {% load helpers %}
<ul class="navbar-nav pt-lg-3"> <ul class="navbar-nav pt-lg-2">
{% for menu, groups in nav_items %} {% for menu, groups in nav_items %}
<li class="nav-item dropdown"> <li class="nav-item dropdown">
{# Menu heading #} {# Menu heading #}
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="false" role="button" aria-expanded="false" > <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="false" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"> <span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="{{ menu.icon_class }}"></i> <i class="{{ menu.icon_class }}"></i>
</span> </span>
@ -17,13 +17,13 @@
{# Menu groups #} {# Menu groups #}
<div class="dropdown-menu"> <div class="dropdown-menu">
<div class="dropdown-menu-columns"> <div class="dropdown-menu-columns">
<div class="dropdown-menu-column"> <div class="dropdown-menu-column pb-2">
{% for group, items in groups %} {% for group, items in groups %}
<div class="hr-text dropdown-item m-0 px-2"> <div class="dropdown-item text-uppercase fw-bold fs-5 ps-3 pt-3 pb-1">
<span>{{ group.label }}</span> {{ group.label }}
</div> </div>
{% for item, buttons in items %} {% for item, buttons in items %}
<div class="dropdown-item d-flex justify-content-between ps-3"> <div class="dropdown-item d-flex justify-content-between ps-3 py-1">
<a href="{% url item.link %}" class="d-inline-flex flex-fill">{{ item.link_text }}</a> <a href="{% url item.link %}" class="d-inline-flex flex-fill">{{ item.link_text }}</a>
{% if buttons %} {% if buttons %}
<div class="btn-group ms-1"> <div class="btn-group ms-1">