Quêtes : dialogue dans une modale à part, en plein écran
Build and deploy / test-python (push) Successful in 6m17s
Build and deploy / test-js (push) Successful in 1m14s
Build and deploy / build-and-push (push) Skipped
Build and deploy / deploy (push) Skipped

Sépare la modale unique en deux étapes distinctes demandées par
l'utilisateur : #questFieldsModal ("je crée" — titre/objectif/
récompense/statut/résultat, taille normale) puis, sur un bouton dédié
"💬 Ajouter les dialogues", #questDialogueModal ("j'ajoute les
dialogues" — les 3 colonnes de répliques SEULES, occupant tout
l'écran). Un bouton "←" ramène à la fiche ; "✓ Utiliser cette quête"
reste disponible dans les deux, pour l'intégration avec l'éditeur de
collision.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-09-02 20:54:00 +02:00
co-authored by Claude Sonnet 5
parent 78c1aba8a0
commit 390ee831ca
2 changed files with 120 additions and 44 deletions
+9 -1
View File
@@ -773,7 +773,15 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
.questPill-status-en_cours{ background:rgba(242,153,74,.18); color:#f2994a; border-color:transparent; }
.questPill-status-terminee{ background:rgba(46,204,113,.18); color:#2ecc71; border-color:transparent; }
.questDialogueModalContent{ max-width:min(92vw, 1080px); }
.questFieldsModalContent{ max-width:min(92vw, 640px); }
/* Modale "j'ajoute les dialogues" — PLEIN ÉCRAN, demandé explicitement
(distincte de la modale de fiche ci-dessus) : couvre tout le viewport
plutôt qu'une boîte centrée, pour laisser toute la place aux 3
colonnes de répliques. */
.questDialogueModal .modal-content{ width:100vw; height:100vh; max-width:100vw; max-height:100vh; margin:0; }
.questDialogueModal .box{ width:100%; height:100%; border-radius:0; overflow-y:auto; }
.questDialogueModalContent{ width:100%; height:100%; max-width:100%; }
.questDialogueModalHeader{ margin-bottom:10px; }
.questFieldsGrid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:10px; margin-bottom:14px; }
.questField{ display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:600; }