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:
co-authored by
Claude Sonnet 5
parent
1a80cb32b5
commit
33d90e896e
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user