Une paire de Memory trouvee reste clairement face retournee
Build and deploy / test-python (push) Failing after 51s
Build and deploy / test-js (push) Successful in 48s
Build and deploy / lint-python (push) Failing after 1m3s
Build and deploy / lint-js (push) Failing after 1m2s
Build and deploy / build-and-push (push) Skipped
Build and deploy / deploy (push) Skipped
Build and deploy / sonarqube (push) Failing after 1m2s

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 <noreply@anthropic.com>
This commit is contained in:
william
2026-09-20 14:23:38 +02:00
co-authored by Claude Sonnet 5
parent 4111081e1a
commit a34a95a3b4
+14 -3
View File
@@ -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 {