Clean up nav menu styling

This commit is contained in:
Jeremy Stretch 2024-01-11 10:36:15 -05:00
parent feda63d6a7
commit bc6508c0d9
3 changed files with 12 additions and 6 deletions

Binary file not shown.

View File

@ -3,11 +3,17 @@
.navbar-collapse { .navbar-collapse {
.dropdown-menu { .dropdown-menu {
.dropdown-item { .dropdown-item {
a {
color: inherit;
}
// Remove underline from nav menu items // Adjust hover color & style for menu items
a:hover { &:hover {
background-color: $gray-700;
a {
text-decoration: none; text-decoration: none;
} }
}
// Style active menu item // Style active menu item
&.active { &.active {

View File

@ -19,12 +19,12 @@
<div class="dropdown-menu-columns"> <div class="dropdown-menu-columns">
<div class="dropdown-menu-column pb-2"> <div class="dropdown-menu-column pb-2">
{% for group, items in groups %} {% for group, items in groups %}
<div class="dropdown-item text-uppercase fw-bold fs-5 ps-3 pt-3 pb-1"> <div class="text-uppercase fw-bold fs-5 ps-3 pt-3 pb-1">
{{ group.label }} {{ 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 py-1"> <div class="dropdown-item d-flex justify-content-between ps-3 py-0">
<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 py-1">{{ item.link_text }}</a>
{% if buttons %} {% if buttons %}
<div class="btn-group ms-1"> <div class="btn-group ms-1">
{% for button in buttons %} {% for button in buttons %}