This commit is contained in:
KONE SOREL 2026-01-05 11:11:15 +00:00
parent d0921d9c2e
commit f739629b48
2 changed files with 30 additions and 5 deletions

View File

@ -253,6 +253,11 @@ body {
margin-left: var(--sidebar-width);
}
.nav-bar.collapsed {
left: var(--sidebar-collapsed);
}
.toggle-sidebar-btn {
font-size: 20px;
padding-left: 15px;

View File

@ -123,7 +123,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.05.01" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.05.02" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- ============================================
@ -204,7 +204,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
<meta name="twitter:image" content="<?= $racineWeb ?>Bootstrap_new/images/new/favicon.png">
</head>
<body class="toggle-sidebar">
<body class="d-flex">
<!-- Header -->
<header class="app-header">
<div class="header-content">
@ -222,7 +222,12 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
</div>
<?php endif; ?>
<i class="bi bi-list toggle-sidebar-btn"></i>
<i class="bi bi-list toggle-sidebar-btn"
data-bs-toggle="collapse"
data-bs-target="#sidebar"
aria-controls="sidebar"
aria-expanded="true"
aria-label="Basculer le menu"></i>
</div>
<!-- -->
@ -295,7 +300,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
</header>
<!-- Sidebar -->
<aside class="app-sidebar sidebar" id="sidebar">
<aside class="app-sidebar collapse show" id="sidebar">
<nav class="sidebar-nav" aria-label="Navigation principale">
<div class="nav-section">
<?php foreach ($menus as $key0 => $menuParent):
@ -360,7 +365,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
</aside>
<!-- Main Content -->
<main class="app-main" id="mainContent">
<main class="app-main flex-grow-1" id="mainContent">
<INPUT class="sr-only" TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['vue']) ? $_SESSION['vue'] : ""; ?>">
<input class="sr-only" type="text" id="codeSociete" name="codeSociete" value="<?= $_SESSION['codeSociete'] ?>">
<!-- Navigation Tabs -->
@ -751,6 +756,21 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const toggleBtn = document.querySelector(".toggle-sidebar-btn");
const sidebar = document.querySelector(".app-sidebar");
const main = document.querySelector(".app-main");
const navBar = document.querySelector(".nav-bar");
toggleBtn.addEventListener("click", function () {
sidebar.classList.toggle("collapsed");
main.classList.toggle("collapsed");
navBar?.classList.toggle("collapsed"); // <-- déplacé ici
});
});
</script>
</body>
</html>