mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-17 07:36:26 +01:00
Improve the Initial Trait Modifiers config display
This commit is contained in:
parent
b5a456a82f
commit
d1c5114261
2 changed files with 22 additions and 27 deletions
|
|
@ -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,28 +109,14 @@
|
|||
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;
|
||||
span {
|
||||
font-variant: petite-caps;
|
||||
}
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
font-size: 12px;
|
||||
font-variant: petite-caps;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
input {
|
||||
text-align: center;
|
||||
}
|
||||
input {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<input type="text" data-dtype="Number" name="{{concat "traitArray." index}}" value="{{this}}" />
|
||||
</div>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue