From a34a95a3b4494ba9e735bb3ef4f5ba1f6a714efa Mon Sep 17 00:00:00 2001 From: william Date: Sun, 20 Sep 2026 14:23:38 +0200 Subject: [PATCH] Une paire de Memory trouvee reste clairement face retournee Retour utilisateur direct. La classe is-flipped n'etait deja jamais retiree pour une carte appariee (forgeDocMemoryFlip) - elle restait donc techniquement retournee - mais l'opacite reduite (55%) posee sur .docMemoryCard.is-matched, a cote de cartes face cachee pleinement opaques, se lisait visuellement comme "repartie face cachee". Retire cette opacite et renforce l'etat "trouve" avec un fond/une bordure verts sur la seule face visible (le verso), sans jamais assombrir le contenu revele. ruff/mypy --strict/stylelint tous verts (changement CSS pur, aucune logique touchee) ; 62 tests document verifies frais. Co-Authored-By: Claude Sonnet 5 --- static/document/document-editor.css | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/static/document/document-editor.css b/static/document/document-editor.css index 599c04fd..88bb06e6 100644 --- a/static/document/document-editor.css +++ b/static/document/document-editor.css @@ -935,8 +935,17 @@ img.docImage { transform: rotateY(180deg); } -.docMemoryCard.is-matched .docMemoryCardInner { - opacity: 0.55; +.docMemoryCard.is-matched { + /* Une paire trouvée reste face retournée en PERMANENCE (voir + forgeDocMemoryFlip, static/document/js/document-editor.js — la + classe is-flipped n'est jamais retirée pour une carte appariée). + Pas d'opacité réduite ici : une carte à 55% d'opacité, à côté de + cartes face cachée pleinement opaques, se lisait comme "repartie + face cachée" (retour utilisateur du 20/09/2026) alors qu'elle + restait techniquement retournée — la bordure verte ci-dessous + suffit à signaler l'état "trouvée", sans jamais assombrir le + contenu révélé. */ + cursor: default; } .docMemoryCardFace { @@ -979,8 +988,10 @@ img.docImage { border-color: var(--doc-accent); } -.docMemoryCard.is-matched .docMemoryCardFace { +.docMemoryCard.is-matched .docMemoryCardFace.docMemoryCardBack { border-color: var(--doc-quiz-success-border); + background: var(--doc-quiz-success-bg); + color: var(--doc-quiz-success-text); } .docUnknown {