Explorateur épinglable : panneau fixe ou flottant au-dessus du schéma

- Bouton punaise (barre de recherche de l'explorateur) : épinglé = colonne fixe
  redimensionnable (comportement actuel) ; désépinglé = panneau masqué qui
  s'ouvre par-dessus le canevas.
- Désépinglé : ouverture par le bouton ☰ ou en survolant le bord gauche ;
  fermeture à l'ouverture d'un schéma, au clic hors du panneau, par Échap, ou
  en quittant le panneau s'il a été ouvert par survol. Il revient seul quand
  le schéma est fermé ou qu'aucun n'est ouvert.
- À la bascule, le défilement du canevas est compensé : le schéma ne bouge pas
  à l'écran (zoom conservé, pas de recadrage).
- Choix mémorisé par navigateur (localStorage drawerPinned). Sur mobile,
  l'explorateur reste un tiroir et le bouton est masqué.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XR9aSZwC3Ssajfy1R7SLPo
This commit is contained in:
claude BotandClaude Opus 5.5 committed 2026-10-08 09:06:15 +02:00
1 parent ffb5ff1311
commit a5fddba9a0
4 files changed
+66 -4

No files matched your search

+3
View File
@@ -200,6 +200,9 @@ export const EyeIcon = icon(
</>,
);
/** Punaise : panneau épinglé ou flottant (comme le bouton d'ancrage des panneaux d'Excalidraw). */
export const PinIcon = icon(<path d="M15 4.5l-4 4-4 1.5-1.5 1.5 7 7 1.5-1.5 1.5-4 4-4M9 15l-4.5 4.5M14.5 4 20 9.5" />);
export const LogoutIcon = icon(
<>
<path d="M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2" />