🪲 BUG-#36: Fix sidebar chevron color and submenu alignment

mkdocs_dracula_theme/modules/dropdown-menu.html

@@ -9,12 +9,12 @@
 {%- else %}
     <li class="drac-box-ternary">
         <a href="#" class="
-            drac-anchor-secondary btn-toggle d-inline-flex align-items-center border-0 drac-text-purple--hover collapsed"
-            data-bs-toggle="collapse" data-bs-target="#{{ nav_item.title.replace(" ","-").lower() }}-collapse" aria-expanded="false">
+            drac-anchor-secondary btn-toggle d-inline-flex align-items-center border-0 drac-text-purple--hover{% if not nav_item.active %} collapsed{% endif %}"
+            data-bs-toggle="collapse" data-bs-target="#{{ nav_item.title.replace(" ","-").lower() }}-collapse" aria-expanded="{% if nav_item.active %}true{% else %}false{% endif %}">
             {{ nav_item.title }}
         </a>
 
-        <div class="collapse" id="{{ nav_item.title.replace(" ","-").lower() }}-collapse">
+        <div class="collapse{% if nav_item.active %} show{% endif %}" id="{{ nav_item.title.replace(" ","-").lower() }}-collapse">
             <ul class="mb-5 drac-list drac-list-none">
                 {%- for nav_item in nav_item.children %}
                     {% include "modules/dropdown-menu.html" %}

mkdocs_dracula_theme/modules/menu.html

@@ -4,11 +4,11 @@
             <li class="drac-box">
                 <a href="{{ nav_item.url|url }}"
                     class="{% if nav_item.active %} active {% endif %}
-                    drac-anchor btn-toggle d-inline-flex align-items-center border-0 drac-text-purple--hover collapsed"
-                    data-bs-toggle="collapse" data-bs-target="#{{ nav_item.title.replace(" ","-").lower() }}-collapse" aria-expanded="false">
+                    drac-anchor btn-toggle d-inline-flex align-items-center border-0 drac-text-purple--hover{% if not nav_item.active %} collapsed{% endif %}"
+                    data-bs-toggle="collapse" data-bs-target="#{{ nav_item.title.replace(" ","-").lower() }}-collapse" aria-expanded="{% if nav_item.active %}true{% else %}false{% endif %}">
                     {{ nav_item.title }}
                 </a>
-                <div class="collapse" id="{{ nav_item.title.replace(" ","-").lower() }}-collapse">
+                <div class="collapse{% if nav_item.active %} show{% endif %}" id="{{ nav_item.title.replace(" ","-").lower() }}-collapse">
                     <ul class="mb-5 drac-list drac-list-none">
                         {%- for nav_item in nav_item.children %}
                             {% include "modules/dropdown-menu.html" %}