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); color: var(--doc-muted);
} }
/* ---- Quiz/Association/Memory/Mots mêlés/Scénario : mini-jeux /* ---- Quiz/Association/Memory/Mots mêlés/Scénario : le joueur RÉEL est
interactifs en Mode Aperçu (voir docs/plan/maquettes/ désormais VISIBLE en permanence, édition ET Aperçu (retour
document-formation-web.html — référence visuelle du Quiz). Masqués en utilisateur du 23/09/2026 : "les mini jeux doive etre visible meme
édition (seul .docMinigameBadge y est visible, voir plus haut) ; en edition mais jouable dans l'apercus") — seule l'INTERACTIVITÉ
jamais les deux visibles en même temps. ---- */ (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, .docQuizPlayer,
.docAssocPlayer, .docAssocPlayer,
.docMemoryPlayer, .docMemoryPlayer,
.docMotsPlayer, .docMotsPlayer,
.docScenarioPlayer { .docScenarioPlayer {
display: none; pointer-events: 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;
} }
.docEditor3.docEditor3--preview [data-kind="quiz"], .docEditor3.docEditor3--preview [data-kind="quiz"],
@@ -578,10 +564,14 @@ img.docImage {
.docEditor3.docEditor3--preview .docMotsPlayer *, .docEditor3.docEditor3--preview .docMotsPlayer *,
.docEditor3.docEditor3--preview .docScenarioPlayer, .docEditor3.docEditor3--preview .docScenarioPlayer,
.docEditor3.docEditor3--preview .docScenarioPlayer * { .docEditor3.docEditor3--preview .docScenarioPlayer * {
/* .docEditor3--preview désactive pointer-events sur tout [data-element-id] /* Deux raisons cumulées de désactiver pointer-events ailleurs, toutes
(voir plus bas) pour empêcher la sélection/le déplacement pendant les deux réactivées ICI en Mode Aperçu : (1) .docEditor3--preview
l'Aperçu — réactivé ici spécifiquement pour que ces mini-jeux restent désactive pointer-events sur tout [data-element-id] (voir plus bas)
RÉELLEMENT cliquables/glissables. */ 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; pointer-events: auto;
} }