mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-17 23:49:02 +01:00
enhance death move chat message and fix border bottom from title actions
This commit is contained in:
parent
a9fca36ed5
commit
b9406bb9cb
5 changed files with 36 additions and 9 deletions
|
|
@ -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());
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<img class="downtime-image" src="{{this.img}}" />
|
||||
<div>{{{this.description}}}</div>
|
||||
<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 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue