Merge branch 'main' of git.ebene.ovh:ebene/radiantrh
This commit is contained in:
commit
c084f5bfd6
|
|
@ -352,6 +352,28 @@ body {
|
||||||
background: #97999B;
|
background: #97999B;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* État fermé via body.sidebar-collapsed */
|
||||||
|
body.sidebar-collapsed .app-sidebar {
|
||||||
|
width: var(--sidebar-collapsed);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.sidebar-collapsed .app-main {
|
||||||
|
margin-left: var(--sidebar-collapsed);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.sidebar-collapsed .nav-bar {
|
||||||
|
left: var(--sidebar-collapsed);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Accessibilité et clickabilité du bouton */
|
||||||
|
.toggle-sidebar-btn {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.toggle-sidebar-btn[role="button"] {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Content card */
|
/* Content card */
|
||||||
.content-card {
|
.content-card {
|
||||||
background: var(--office-card);
|
background: var(--office-card);
|
||||||
|
|
|
||||||
|
|
@ -123,7 +123,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
|
||||||
<link rel="manifest" href="<?= $racineWeb ?>manifest.json">
|
<link rel="manifest" href="<?= $racineWeb ?>manifest.json">
|
||||||
|
|
||||||
<!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
|
<!-- 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.04" rel="stylesheet">
|
||||||
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
|
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
|
||||||
|
|
||||||
<!-- ============================================
|
<!-- ============================================
|
||||||
|
|
@ -754,20 +754,25 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
const toggleBtn = document.querySelector(".toggle-sidebar-btn");
|
const toggleBtn = document.querySelector(".toggle-sidebar-btn");
|
||||||
const sidebar = document.querySelector(".app-sidebar");
|
if (!toggleBtn) {
|
||||||
const main = document.querySelector(".app-main");
|
console.warn("Toggle button .toggle-sidebar-btn introuvable");
|
||||||
const navBar = document.querySelector(".nav-bar");
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
toggleBtn.addEventListener("click", function () {
|
// Rendez le bouton accessible aux clics clavier
|
||||||
// Toggle sidebar
|
toggleBtn.setAttribute("role", "button");
|
||||||
sidebar.classList.toggle("collapsed");
|
toggleBtn.setAttribute("tabindex", "0");
|
||||||
|
toggleBtn.setAttribute("aria-label", "Basculer le menu latéral");
|
||||||
|
|
||||||
// Ajuster le main
|
const toggle = () => {
|
||||||
main.classList.toggle("collapsed");
|
document.body.classList.toggle("sidebar-collapsed");
|
||||||
|
};
|
||||||
|
|
||||||
// Ajuster la nav-bar si elle existe
|
toggleBtn.addEventListener("click", toggle);
|
||||||
if (navBar) {
|
toggleBtn.addEventListener("keydown", (e) => {
|
||||||
navBar.classList.toggle("collapsed");
|
if (e.key === "Enter" || e.key === " ") {
|
||||||
|
e.preventDefault();
|
||||||
|
toggle();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user