Help: mobile slide-over TOC with overlay, search content highlighting

2026-06-03 09:27:06 -04:00
parent 99b00eea0c
commit 03586256f1
3 changed files with 163 additions and 83 deletions
@@ -762,6 +762,9 @@
  <div class="editor-modal" id="help-modal">
    <div class="editor-container help-container">
      <div class="editor-header">
+        <button class="help-hamburger" id="help-hamburger" title="Sommaire" aria-label="Afficher le sommaire">
+          <i data-lucide="menu" style="width:18px;height:18px"></i>
+        </button>
        <div class="editor-title" id="help-title">Guide d'utilisation ObsiGate</div>
        <div class="editor-actions">
          <button class="editor-btn" id="help-close" title="Fermer l'aide" aria-label="Fermer l'aide">
@@ -769,12 +772,13 @@
          </button>
        </div>
      </div>
+      <div class="help-nav-overlay" id="help-nav-overlay"></div>
      <div class="editor-body help-body" id="help-body">
        <nav class="help-nav" id="help-nav">
          <div class="help-nav-header">
            <div class="help-nav-title">Sommaire</div>
-            <button class="help-nav-toggle" id="help-nav-toggle" title="Afficher/Masquer le sommaire" aria-label="Menu sommaire">
-              <i data-lucide="chevron-down" style="width:16px;height:16px"></i>
+            <button class="help-nav-close" id="help-nav-close" title="Fermer" aria-label="Fermer le sommaire">
+              <i data-lucide="x" style="width:16px;height:16px"></i>
            </button>
          </div>
          <div class="help-nav-search-wrap">