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

Improved the Reaction toggle in dice rolls (#1643)

Browse source
This commit is contained in:
WBHarry 2026-02-09 01:02:59 +01:00 • committed by GitHub
parent 5413730108
commit c7431d16a7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 33 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

27
styles/less/dialog/dice-roll/roll-selection.less
View file

@ -17,7 +17,9 @@
.dialog-header-inner { .dialog-header-inner {
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: center;
gap: 2px;
} }
h1 { h1 {
@ -45,6 +47,29 @@
} }
} }
.reaction-chip {
display: flex;
align-items: center;
border-radius: 5px;
width: fit-content;
gap: 5px;
cursor: pointer;
padding: 5px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
.label {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-14);
line-height: 17px;
}
&.selected {
background: light-dark(@dark-blue-40, @golden-40);
}
}
.tag-team-controller { .tag-team-controller {
display: flex; display: flex;
align-items: center; align-items: center;

19
templates/dialogs/dice-roll/header.hbs
View file

@ -1,17 +1,12 @@
<header class="dialog-header"> <header class="dialog-header">
<div class="dialog-header-inner"> <div class="dialog-header-inner">
<h1> <h1>{{ifThen rollConfig.headerTitle rollConfig.headerTitle rollConfig.title}}</h1>
{{#if reactionOverride}} {{#if showReaction}}
{{localize "DAGGERHEART.CONFIG.FeatureForm.reaction"}} <div class="reaction-chip {{#if reactionOverride}}selected{{/if}}" data-action="toggleReaction">
{{else}} <span><i class="{{ifThen reactionOverride "fa-solid" "fa-regular"}} fa-circle"></i></span>
{{ifThen rollConfig.headerTitle rollConfig.headerTitle rollConfig.title}} <span class="label">{{localize "DAGGERHEART.GENERAL.reactionRoll"}}</span>
{{/if}} </div>
{{#if showReaction}} {{/if}}
<button class="reaction-roll-controller {{#if reactionOverride}}active{{/if}}" data-action="toggleReaction" data-tooltip-text="{{localize "DAGGERHEART.GENERAL.reactionRoll"}}">
<i class="fa-solid fa-reply"></i>
</button>
{{/if}}
</h1>
</div> </div>
{{#if (and @root.hasRoll @root.activeTagTeamRoll)}} {{#if (and @root.hasRoll @root.activeTagTeamRoll)}}
<div class="tag-team-controller {{#if @root.tagTeamSelected}}selected{{/if}}" data-action="toggleTagTeamRoll"> <div class="tag-team-controller {{#if @root.tagTeamSelected}}selected{{/if}}" data-action="toggleTagTeamRoll">