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

24
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 {
align-self: flex-start;
}
@ -103,30 +109,16 @@
gap: 4px;
}
.trait-array-container {
display: flex;
justify-content: space-evenly;
gap: 8px;
margin-bottom: 16px;
.trait-item {
.trait-array-item {
position: relative;
display: flex;
justify-content: center;
label {
position: absolute;
top: -7px;
font-size: 12px;
span {
font-variant: petite-caps;
z-index: 2;
}
input {
text-align: center;
}
}
}
.settings-hint {
width: 100%;

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

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