From a71aeb1f020b32f76d246165fa37880d69746f57 Mon Sep 17 00:00:00 2001
From: Peter Pfeufer <info@ppfeufer.de>
Date: Tue, 29 Jul 2025 10:44:36 +0200
Subject: [PATCH] [CHANGE] Chevrons in side menu now rotate smoothly instead of
 snapping

---
 .../allianceauth/framework/css/auth-framework.css     | 11 ++++-------
 allianceauth/menu/templates/menu/menu-item-bs5.html   |  3 +--
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
index 628c76ec..e44739c7 100644
--- a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
+++ b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
@@ -67,15 +67,12 @@
     }
 
     /* Chevron icons */
-    #sidebar-menu span[data-bs-toggle="collapse"][aria-expanded="true"] > i.fa-chevron-down,
-    #sidebar-menu span[data-bs-toggle="collapse"][aria-expanded="false"] > i.fa-chevron-right {
-        display: block;
-        width: 16px;
+    #sidebar-menu span[data-bs-toggle="collapse"] > i.fa-chevron-right {
+        transition: 0.25s transform ease-in-out;
     }
 
-    #sidebar-menu span[data-bs-toggle="collapse"][aria-expanded="true"] > i.fa-chevron-right,
-    #sidebar-menu span[data-bs-toggle="collapse"][aria-expanded="false"] > i.fa-chevron-down {
-        display: none;
+    #sidebar-menu span[data-bs-toggle="collapse"][aria-expanded="true"] > i.fa-chevron-right {
+        transform: rotate(90deg);
     }
 }
 
diff --git a/allianceauth/menu/templates/menu/menu-item-bs5.html b/allianceauth/menu/templates/menu/menu-item-bs5.html
index e0e7dbda..832caf56 100644
--- a/allianceauth/menu/templates/menu/menu-item-bs5.html
+++ b/allianceauth/menu/templates/menu/menu-item-bs5.html
@@ -43,8 +43,7 @@
             aria-expanded="false"
             aria-controls=""
         >
-            <i class="fas fa-chevron-right"></i>
-            <i class="fas fa-chevron-down"></i>
+            <i class="fa-solid fa-chevron-right"></i>
         </span>
         <ul
             class="collapse ps-1 w-100 border-start rounded-start border-light border-3"