Les mini-jeux restent visibles en édition, jouables seulement en Aperçu

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 <noreply@anthropic.com>
This commit is contained in:
william
2026-09-23 10:47:21 +02:00
co-authored by Claude Sonnet 5
parent 1a80cb32b5
commit 33d90e896e
+16 -26
View File
@@ -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;
}