cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-17 15:39:02 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve the Initial Trait Modifiers config display

Browse source
This commit is contained in:
Chris Ryan 2025-08-21 17:31:23 +10:00
parent b5a456a82f
commit d1c5114261
2 changed files with 22 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

32
styles/less/ui/settings/settings.less
View file

@ -16,6 +16,12 @@
} }
} }
&.six-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 2px;
}
&.start-align { &.start-align {
align-self: flex-start; align-self: flex-start;
} }
@ -103,28 +109,14 @@
gap: 4px; gap: 4px;
} }
.trait-array-container { .trait-item {
display: flex;
justify-content: space-evenly;
gap: 8px;
margin-bottom: 16px;
.trait-array-item { span {
position: relative; font-variant: petite-caps;
display: flex; }
justify-content: center;
label { input {
position: absolute; text-align: center;
top: -7px;
font-size: 12px;
font-variant: petite-caps;
z-index: 2;
}
input {
text-align: center;
}
} }
} }

17
templates/settings/homebrew-settings/settings.hbs
View file

@ -12,15 +12,18 @@
{{formGroup settingFields.schema.fields.maxLoadout value=settingFields._source.maxLoadout localize=true}} {{formGroup settingFields.schema.fields.maxLoadout value=settingFields._source.maxLoadout localize=true}}
<div class="settings-hint"><label>{{localize "DAGGERHEART.SETTINGS.Homebrew.FIELDS.maxLoadout.hint"}}</label></div> <div class="settings-hint"><label>{{localize "DAGGERHEART.SETTINGS.Homebrew.FIELDS.maxLoadout.hint"}}</label></div>
<h4>{{localize "DAGGERHEART.SETTINGS.Homebrew.FIELDS.traitArray.label"}}</h4> <fieldset class="six-columns">
<div class="trait-array-container"> <legend>
{{localize "DAGGERHEART.SETTINGS.Homebrew.FIELDS.traitArray.label"}}
</legend>
{{#each settingFields._source.traitArray as |trait index|}} {{#each settingFields._source.traitArray as |trait index|}}
<div class="trait-array-item"> <div class="input trait-item">
<label>{{localize "DAGGERHEART.GENERAL.Modifier.single"}} {{add index 1}}</label> <span>{{localize "DAGGERHEART.GENERAL.Modifier.single"}} {{add index 1}}</span>
<input type="text" data-dtype="Number" name="{{concat "traitArray." index}}" value="{{this}}" /> <input type="text" data-dtype="Number" name="{{concat "traitArray." index}}" value="{{this}}" />
</div> </div>
{{/each}} {{/each}}
</div> </fieldset>
<fieldset> <fieldset>
<legend> <legend>