From 33d90e896e9e52f35a9a8be88cbe7b5a07e5d3d8 Mon Sep 17 00:00:00 2001 From: william Date: Wed, 23 Sep 2026 10:47:21 +0200 Subject: [PATCH] =?UTF-8?q?Les=20mini-jeux=20restent=20visibles=20en=20?= =?UTF-8?q?=C3=A9dition,=20jouables=20seulement=20en=20Aper=C3=A7u?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Le joueur réel (Quiz/Association/Memory/Mots mêlés/Scénario) n'est plus display:none hors Aperçu — visible en permanence, édition ET Aperçu, et occupe toute la page dans les deux modes (déjà garanti depuis la règle plein-cadre :only-child, vérifié inchangé). Seule l'interactivité (répondre/glisser/retourner une carte) reste réservée au Mode Aperçu, via pointer-events:none par défaut / auto en Aperçu — remplace l'ancien display:none/block qui masquait tout hors Aperçu. Vérifié par getComputedStyle (display/pointer-events dans les deux modes, padding/border-radius plein-cadre toujours à 0 en Aperçu). Co-Authored-By: Claude Sonnet 5 --- static/document/document-editor.css | 42 +++++++++++------------------ 1 file changed, 16 insertions(+), 26 deletions(-) diff --git a/static/document/document-editor.css b/static/document/document-editor.css index 87c08686..989a253f 100644 --- a/static/document/document-editor.css +++ b/static/document/document-editor.css @@ -530,33 +530,19 @@ img.docImage { color: var(--doc-muted); } -/* ---- Quiz/Association/Memory/Mots mêlés/Scénario : mini-jeux - interactifs en Mode Aperçu (voir docs/plan/maquettes/ - document-formation-web.html — référence visuelle du Quiz). Masqués en - édition (seul .docMinigameBadge y est visible, voir plus haut) ; - jamais les deux visibles en même temps. ---- */ +/* ---- Quiz/Association/Memory/Mots mêlés/Scénario : le joueur RÉEL est + désormais VISIBLE en permanence, édition ET Aperçu (retour + utilisateur du 23/09/2026 : "les mini jeux doive etre visible meme + en edition mais jouable dans l'apercus") — seule l'INTERACTIVITÉ + (répondre/glisser/retourner une carte) reste réservée au Mode + Aperçu, via pointer-events ci-dessous (jamais via display:none, + sinon rien ne serait visible en édition). ---- */ .docQuizPlayer, .docAssocPlayer, .docMemoryPlayer, .docMotsPlayer, .docScenarioPlayer { - display: none; -} - -.docEditor3.docEditor3--preview [data-kind="quiz"] .docMinigameBadge, -.docEditor3.docEditor3--preview [data-kind="association"] .docMinigameBadge, -.docEditor3.docEditor3--preview [data-kind="memory"] .docMinigameBadge, -.docEditor3.docEditor3--preview [data-kind="mots"] .docMinigameBadge, -.docEditor3.docEditor3--preview [data-kind="scenario"] .docMinigameBadge { - display: none; -} - -.docEditor3.docEditor3--preview [data-kind="quiz"] .docQuizPlayer, -.docEditor3.docEditor3--preview [data-kind="association"] .docAssocPlayer, -.docEditor3.docEditor3--preview [data-kind="memory"] .docMemoryPlayer, -.docEditor3.docEditor3--preview [data-kind="mots"] .docMotsPlayer, -.docEditor3.docEditor3--preview [data-kind="scenario"] .docScenarioPlayer { - display: block; + pointer-events: none; } .docEditor3.docEditor3--preview [data-kind="quiz"], @@ -578,10 +564,14 @@ img.docImage { .docEditor3.docEditor3--preview .docMotsPlayer *, .docEditor3.docEditor3--preview .docScenarioPlayer, .docEditor3.docEditor3--preview .docScenarioPlayer * { - /* .docEditor3--preview désactive pointer-events sur tout [data-element-id] - (voir plus bas) pour empêcher la sélection/le déplacement pendant - l'Aperçu — réactivé ici spécifiquement pour que ces mini-jeux restent - RÉELLEMENT cliquables/glissables. */ + /* Deux raisons cumulées de désactiver pointer-events ailleurs, toutes + les deux réactivées ICI en Mode Aperçu : (1) .docEditor3--preview + désactive pointer-events sur tout [data-element-id] (voir plus bas) + pour empêcher la sélection/le déplacement pendant l'Aperçu ; (2) le + joueur lui-même est pointer-events:none PAR DÉFAUT (voir plus haut) + pour rester visible mais non "jouable" hors Aperçu (retour + utilisateur du 23/09/2026). Cette règle est donc le SEUL endroit où + un mini-jeu redevient réellement cliquable/glissable. */ pointer-events: auto; }