cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-03-07 06:26:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial chat message description design change

Browse source
This commit is contained in:
WBHarry 2026-02-02 02:12:30 +01:00
parent 90a98a3248
commit f4f5fd6c24
3 changed files with 39 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
module/documents/chatMessage.mjs
View file

@ -101,7 +101,7 @@ export default class DhpChatMessage extends foundry.documents.ChatMessage {
CONFIG.DH.id,
CONFIG.DH.SETTINGS.gameSettings.appearance
).expandRollMessage,
rollSections = html.querySelectorAll('.roll-part'),
rollSections = html.querySelectorAll('.roll-part, .description-section'),
itemDesc = html.querySelector('.domain-card-move');
rollSections.forEach(s => {
if (s.classList.contains('roll-section')) {

33
styles/less/ui/chat/chat.less
View file

@ -574,6 +574,39 @@
}
}
.chat-roll .description-section {
background: @dark-80;
border-radius: 6px;
.description-header {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
.description-header-title {
color: @golden;
font-size: var(--font-size-16);
}
.description-header-subtitle {
font-size: var(--font-size-14);
padding-bottom: 2px;
}
}
.roll-part-content .dice-tooltip .wrapper {
i {
margin: 0;
}
> :first-child:not(.target-selector) {
margin: 0;
}
}
}
.roll-buttons {
display: flex;
gap: 5px;

7
templates/ui/chat/parts/description-part.hbs
View file

@ -1,5 +1,8 @@
<div class="roll-part dice-roll description-section" data-action="expandRoll">
<div class="roll-part-header"><div><span>{{localize "DAGGERHEART.GENERAL.description"}}</span></div></div>
<div class="dice-roll description-section" data-action="expandRoll">
<div class="description-header">
<div class="description-header-title">{{title}}</div>
<div class="description-header-subtitle">{{title}}</div>
</div>
<div class="roll-part-content description-content">
<div class="dice-tooltip">