Corrige la modale d'arbre du Scenario transparente
Build and deploy / test-python (push) Successful in 6m59s
Build and deploy / test-js (push) Successful in 45s
Build and deploy / lint-python (push) Successful in 5m8s
Build and deploy / lint-js (push) Failing after 1m45s
Build and deploy / build-and-push (push) Skipped
Build and deploy / deploy (push) Skipped
Build and deploy / sonarqube (push) Failing after 4m20s

Retour utilisateur : "la modale est transparente". Cause : les tokens
--doc-* (couleurs de fond/bordure/texte de l'editeur) sont definis
uniquement sur .docEditor3 ; #docScenarioTreeModal est volontairement
un FRERE de .docEditor3 dans le HTML (jamais un descendant, sinon
position:fixed serait rogne par le overflow:hidden de main.content --
meme bug deja trouve le 20/09/2026 pour le bandeau d'outils), donc ne
les heritait jamais -- var(--doc-bg-2) etc. retombaient sur transparent
partout dans la modale (fond du dialogue, mais aussi toutes les
couleurs d'accent/bordures/succes du graphe visuel).

Duplique la definition des tokens --doc-* sur #docScenarioTreeModal
(meme valeurs, meme variante [data-theme="light"]) plutot que de
deplacer la modale dans le DOM. forgeDocApplyTheme pose desormais le
meme data-theme sur les deux elements pour qu'ils restent synchronises.

Verifie via simulation DOM reelle (jsdom) : les deux elements recoivent
bien le meme data-theme apres un changement de theme.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-09-21 09:35:54 +02:00
co-authored by Claude Sonnet 5
parent d92f75a803
commit 0babad5018
2 changed files with 28 additions and 3 deletions
+6
View File
@@ -2501,6 +2501,12 @@ function forgeDocBindPreviewToggle() {
function forgeDocApplyTheme(theme) {
const editor = document.getElementById('docEditor3');
editor.dataset.theme = theme;
// #docScenarioTreeModal reste un FRÈRE de .docEditor3 dans le HTML
// (jamais un descendant — voir static/document/document-editor.css
// pour pourquoi), donc ne reçoit pas data-theme par simple héritage :
// posé ici explicitement pour que la modale suive le même thème.
const scenarioModal = document.getElementById('docScenarioTreeModal');
if (scenarioModal) scenarioModal.dataset.theme = theme;
const toggle = document.getElementById('docThemeToggle');
toggle.innerHTML = theme === 'light'
? '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 14.5A8.5 8.5 0 1 1 9.5 4a7 7 0 0 0 10.5 10.5z"/></svg>'