nv

Bootstrap_new/css/style_office.css

@@ -173,6 +173,24 @@ body.sidebar-collapsed .app-sidebar .nav-link:hover::after {
   transform: translateY(-50%) translateX(5px);
 }
 
+/* Cache les flèches de sous-menu quand c'est réduit */
+body.sidebar-collapsed .nav-arrow {
+    display: none !important;
+}
+
+/* Empêche les sous-menus de s'ouvrir verticalement en mode réduit */
+/* (Ils resteraient visibles mais écrasés sinon) */
+body.sidebar-collapsed .nav-submenu {
+    display: none !important;
+}
+
+/* Centrage des icônes pour un aspect "Barre d'outils" propre */
+body.sidebar-collapsed .nav-item .nav-link {
+    display: flex;
+    justify-content: center;
+    padding-left: 0;
+    padding-right: 0;
+}
 
 .sidebar-nav {
     padding: 24px 0;
@@ -829,7 +847,7 @@ body.sidebar-collapsed .nav-bar {
         right: -100%;
     }
 }
-
+/**/
 /* Mobile — UNE SEULE définition */
 @media (max-width: 768px) {
   .app-sidebar { transform: translateX(-100%); width: var(--sidebar-width); }

Js/fonctions.js

@@ -5180,4 +5180,8 @@ function retirer_un_menu_vue_profil(codeMenu)
 			afficher_menu_vue_profil();
 		}
 	});
+}
+
+function toggleSidebar() {
+    document.body.classList.toggle('sidebar-collapsed');
 }

Vue/gabarit.php

@@ -126,7 +126,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <link rel="manifest" href="<?= $racineWeb ?>manifest.json">
         
         <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
-        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.13.00" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.19.00" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- Charts -->
@@ -229,7 +229,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     </div>
                     <?php endif; ?>
 
-                    <i class="bi bi-list toggle-sidebar-btn"></i>
+                    <i class="bi bi-list toggle-sidebar-btn" onclick="toggleSidebar()" style="cursor: pointer;"></i>
                 </div>
                 
                 <!-- -->
@@ -413,18 +413,6 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     <div class="card-body">
                         <div id="contenu">
                             <div id="div_test_gabarit"></div>
-                            <?php 
-                            /*
-                                var_dump
-                                (
-                                    array
-                                    (
-                                        "lienPhotoFace" => $_SESSION['lienPhotoFace'],
-                                        "cheminPhoto" => $_SESSION['cheminPhoto'],
-                                    )
-                                );
-                            */
-                            ?>
                             
                             <?= $contenu ?>
                         </div>