enhance death move chat message and fix border bottom from title actions

This commit is contained in:
moliloo 2025-07-27 23:57:58 -03:00
parent a9fca36ed5
commit b9406bb9cb
5 changed files with 36 additions and 9 deletions

View file

@ -51,11 +51,17 @@ export default class DhpDeathMove extends HandlebarsApplicationMixin(Application
'systems/daggerheart/templates/ui/chat/deathMove.hbs',
{
player: this.actor.name,
actor: { name: this.actor.name, img: this.actor.img },
title: game.i18n.localize(this.selectedMove.name),
img: this.selectedMove.img,
description: game.i18n.localize(this.selectedMove.description)
}
)
),
flags: {
daggerheart: {
cssClass: 'dh-chat-message dh-style'
}
}
});
cls.create(msg.toObject());

View file

@ -19,7 +19,9 @@
display: flex;
flex-direction: column;
width: 100%;
padding: 8px;
margin: 8px 8px 0;
padding-bottom: 8px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;

View file

@ -12,7 +12,9 @@
display: flex;
flex-direction: row;
width: 100%;
padding: 8px;
margin: 8px 8px 0;
padding-bottom: 8px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;

View file

@ -54,6 +54,8 @@
gap: 5px;
border-bottom: 1px solid @golden;
margin: 0 8px;
padding-bottom: 8px;
width: -webkit-fill-available;
.downtime-image {
width: 40px;

View file

@ -1,8 +1,23 @@
<div class="daggerheart chat downtime">
<h2 class="downtime-title-container">
<div>{{this.player}} {{localize "DAGGERHEART.UI.Chat.deathMove.title"}}</div>
<div class="downtime-subtitle">{{this.title}}</div>
</h2>
<div class="downtime-header">
<img class="profile" src="{{actor.img}}">
<div class="header-label">
<h2 class="title">{{localize 'DAGGERHEART.UI.Chat.deathMove.title'}}</h2>
<span class="label">{{actor.name}}</span>
</div>
</div>
<ul class="downtime-moves-list">
<li class="downtime-move">
<div class="downtime-label">
<img class="downtime-image" src="{{this.img}}" />
<div>{{{this.description}}}</div>
<div class="header-label">
<h2 class="title">{{this.title}}</h2>
<span class="label">{{localize 'DAGGERHEART.UI.Chat.deathMove.title'}}</span>
</div>
</div>
<div class="description">
{{{this.description}}}
</div>
</li>
</ul>
</div>