[CHANGE] Change the chevron for submenu depending on its toggle status

This commit is contained in:
Peter Pfeufer 2024-01-24 10:19:16 +01:00
parent 7425176b3f
commit 9da61588eb
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
2 changed files with 15 additions and 2 deletions

View File

@ -31,6 +31,16 @@
#sidebar-menu li > ul > li > a {
max-width: 189px;
}
#sidebar-menu [data-bs-toggle="collapse"] > i.fa-chevron-down,
#sidebar-menu [data-bs-toggle="collapse"].collapsed > i.fa-chevron-right {
display: block;
}
#sidebar-menu [data-bs-toggle="collapse"] > i.fa-chevron-right,
#sidebar-menu [data-bs-toggle="collapse"].collapsed > i.fa-chevron-down {
display: none;
}
}
/* Cursor classes

View File

@ -19,12 +19,15 @@
{% if item.items|length > 0 %}
<span
class="pill m-2 me-2 align-self-center fas fa-solid fa-chevron-down"
class="pill m-2 me-2 align-self-center collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#id-{{ item.text|slugify }}"
aria-expanded="false"
aria-controls="">
aria-controls=""
>
<i class="fas fa-chevron-right"></i>
<i class="fas fa-chevron-down"></i>
</span>
<!--<hr class="m-0 w-100">-->
<ul class="collapse ps-1 w-100 border-start rounded-start border-light border-3" id="id-{{ item.text|slugify }}">