Quêtes : dialogue dans une modale à part, en plein écran
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:
co-authored by
Claude Sonnet 5
parent
78c1aba8a0
commit
390ee831ca
+9
-1
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user