dr

Bootstrap_new/css/style_office.css

@@ -85,6 +85,25 @@ body {
     display: none; 
 }
 
+/* Style de base de la flèche */
+.user-arrow {
+    font-size: 0.8rem;
+    transition: transform 0.3s ease;
+    color: #6c757d; /* Couleur grise discrète */
+}
+
+/* Rotation automatique quand le menu est ouvert */
+#userDropdownBtn[aria-expanded="true"] .user-arrow {
+    transform: rotate(180deg);
+    color: var(--bs-primary); /* Change la couleur en bleu au clic (optionnel) */
+}
+
+/* On s'assure que le bouton reste bien aligné horizontalement */
+.user-menu {
+    display: flex;
+    align-items: center;
+}
+
 /* S'assurer que le menu dropdown passe devant tout */
 .dropdown-menu {
     z-index: 2000 !important;