CSS rework et autres améliorations
This commit is contained in:
@@ -5,130 +5,134 @@
|
||||
<h4 class="chat-actor-name">{{alias}}</h4>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
{{#if img}}
|
||||
<div>
|
||||
<img class="chat-icon" src="{{img}}" alt="{{name}}" />
|
||||
<div style="text-align: center; padding: 0.25rem;">
|
||||
<img class="chat-icon" src="{{img}}" alt="{{name}}" style="border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="flexcol">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="chat-roll-details">
|
||||
<ul>
|
||||
{{#if carac}}
|
||||
<li>{{carac.name}}: {{carac.qualite}} ({{carac.dice}}) </li>
|
||||
<li><strong>{{carac.name}}:</strong> {{carac.qualite}} <span class="chat-dice-formula">{{carac.dice}}</span></li>
|
||||
{{/if}}
|
||||
{{#if competence}}
|
||||
<li>{{competence.name}}: {{compScore}} </li>
|
||||
<li><strong>{{competence.name}}:</strong> {{compScore}}</li>
|
||||
{{/if}}
|
||||
{{#if bonusMalus}}
|
||||
<li>Bonus/Malus: {{bonusMalus}} </li>
|
||||
<li class="chat-info-badge"><strong>Bonus/Malus:</strong> {{bonusMalus}}</li>
|
||||
{{/if}}
|
||||
{{#if santeModifier}}
|
||||
<li>Santé: {{santeModifier}} niveaux</li>
|
||||
<li class="chat-warning-badge"><strong>Santé:</strong> {{santeModifier}} niveaux</li>
|
||||
{{/if}}
|
||||
{{#if enableProvidence}}
|
||||
<li>Un niveau de Providence a été utilisé !</li>
|
||||
<li class="chat-info-badge" style="background: rgba(255, 215, 0, 0.2); border-left-color: goldenrod;">⭐ Un niveau de Providence a été utilisé !</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if hasActions}}
|
||||
<li data-tooltip="Nombre d'actions restantes, avec MG = Main Gauche">Actions restantes: {{remainingActions}}
|
||||
(MG:{{remainingActionsMainGauche}})</li>
|
||||
<li class="chat-info-badge" data-tooltip="Nombre d'actions restantes, avec MG = Main Gauche">
|
||||
<strong>Actions restantes:</strong> {{remainingActions}} (MG:{{remainingActionsMainGauche}})
|
||||
</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isViser}}
|
||||
<li>Bonus de visée (+1 niveau)</li>
|
||||
<li class="chat-info-badge">✓ Bonus de visée (+1 niveau)</li>
|
||||
{{/if}}
|
||||
{{#if isMouvement}}
|
||||
<li>Malus de cible petite ou en mouvement (-1 niveau)</li>
|
||||
<li class="chat-warning-badge">⚠ Malus de cible petite ou en mouvement (-1 niveau)</li>
|
||||
{{/if}}
|
||||
{{#if attaqueCiblee}}
|
||||
<li>Attaque ciblée, -1 niveau</li>
|
||||
<li class="chat-warning-badge">⚠ Attaque ciblée, -1 niveau</li>
|
||||
{{/if}}
|
||||
{{#if allongeMalus}}
|
||||
<li>Malus d'allonge: {{allongeMalus}} niveau</li>
|
||||
<li class="chat-warning-badge">⚠ Malus d'allonge: {{allongeMalus}} niveau</li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
<li>Dés: {{diceFormula}} </li>
|
||||
<li><strong>Formule:</strong> <span class="chat-dice-formula">{{diceFormula}}</span></li>
|
||||
{{#if isTir}}
|
||||
<li>Portée: {{porteeLabel}} ( {{difficulty}} )</li>
|
||||
<li><strong>Portée:</strong> {{porteeLabel}} <span class="chat-difficulty-badge">Difficulté: {{difficulty}}</span></li>
|
||||
{{else}}
|
||||
<li>Difficulté: {{difficulty}} </li>
|
||||
<li><strong>Difficulté:</strong> <span class="chat-difficulty-badge">{{difficulty}}</span></li>
|
||||
{{/if}}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="flexrow">
|
||||
<ul class="chat-result-column">
|
||||
<li><strong>Résultat: {{total}}</strong> </li>
|
||||
<div class="chat-roll-result-section">
|
||||
<div class="chat-total-result">Résultat: {{total}}</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
{{#if isSuccess}}
|
||||
<li><strong class="chat-result-success">Succès !</strong> </li>
|
||||
<div class="chat-result-success">Succès !</div>
|
||||
{{#if isReussiteCritique}}
|
||||
<li data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP gagné en {{carac.name}}">
|
||||
<strong class="chat-result-success">Réussite critique (XP potentiel) !</strong>
|
||||
</li>
|
||||
<div class="chat-result-success" data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP en {{carac.name}}" style="margin-top: 0.3rem;">
|
||||
🌟 Réussite critique (XP potentiel) !
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if arme}}
|
||||
<li><strong class="">Attaque réussie ! Faites une opposition avec la défense de la cible ou appliquez directement
|
||||
les dégats.</strong> </li>
|
||||
<div class="chat-info-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem; font-size: 0.9em;">
|
||||
⚔️ <strong>Attaque réussie !</strong> Faites une opposition avec la défense de la cible ou appliquez directement les dégâts.
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{else}}
|
||||
<li><strong class="chat-result-failure">Echec !</strong> </li>
|
||||
<div class="chat-result-failure">Échec !</div>
|
||||
{{#if critiqueTotal}}
|
||||
<div class="chat-negative-dice" style="margin-top: 0.3rem;">
|
||||
Dé négatif: {{critiqueTotal}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if isEchecCritique}}
|
||||
<li data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP gagné en {{carac.name}}">
|
||||
<strong class="chat-result-failure">Echec critique (XP potentiel) !</strong>
|
||||
</li>
|
||||
<div class="chat-result-failure" data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP en {{carac.name}}" style="margin-top: 0.3rem;">
|
||||
💀 Échec critique (XP potentiel) !
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if nbEsquives}}
|
||||
<li>Rappel : vous devez réussir {{nbEsquives}} tests d'esquive pour arriver au contact (règle d'allonge des armes).
|
||||
</li>
|
||||
<div class="chat-warning-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem;">
|
||||
⚠️ Rappel : vous devez réussir {{nbEsquives}} tests d'esquive pour arriver au contact (règle d'allonge des armes).
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if loc}}
|
||||
<li><strong>Attaque réussie !!</strong> </li>
|
||||
<li>Localisation: {{loc.label}} </li>
|
||||
<div class="chat-info-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem; background: rgba(255, 215, 0, 0.15); border-left-color: goldenrod;">
|
||||
🎯 <strong>Localisation:</strong> {{loc.label}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if degats}}
|
||||
<li>Dégats: {{degats}} {{#if isReussiteCritique}}(Augmentez la gravité de la blessure d'un niveau){{/if}}</li>
|
||||
<div class="chat-warning-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem; font-size: 0.95em; background: rgba(255, 100, 100, 0.15); border-left-color: #a82020;">
|
||||
⚔️ <strong>Dégâts:</strong> {{degats}} {{#if isReussiteCritique}}<em>(Augmentez la gravité de la blessure d'un niveau)</em>{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
</ul>
|
||||
<div>
|
||||
|
||||
{{#if (or isEchecCritique isReussiteCritique)}}
|
||||
<a class="chat-command-gain-xp">
|
||||
<img class="chat-command-img" data-tooltip="Cliquez ici pour +1 XP en {{carac.name}} si pas d'opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/xpplus1.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<a class="chat-command-opposition">
|
||||
<img class="chat-command-img" data-tooltip="Test en opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/opposition.webp">
|
||||
</a>
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isSuccess}}
|
||||
<a class="chat-command-appliquer-degats">
|
||||
<img class="chat-command-img" data-tooltip="Appliquer les dégats directement sans opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/appliquer-degats.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-actions-bar">
|
||||
{{#if (or isEchecCritique isReussiteCritique)}}
|
||||
<a class="chat-command-gain-xp">
|
||||
<img class="chat-command-img" data-tooltip="Cliquez ici pour +1 XP en {{carac.name}} si pas d'opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/xpplus1.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<a class="chat-command-opposition">
|
||||
<img class="chat-command-img" data-tooltip="Test en opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/opposition.webp">
|
||||
</a>
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isSuccess}}
|
||||
<a class="chat-command-appliquer-degats">
|
||||
<img class="chat-command-img" data-tooltip="Appliquer les dégâts directement sans opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/appliquer-degats.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user