Add the primitive dropdown styling for the skills
This commit is contained in:
parent
31b2ccedc8
commit
6381b51990
14 changed files with 179 additions and 67 deletions
24
templates/actors/char-sheet-mvp/partials/panels/skills.hbs
Normal file
24
templates/actors/char-sheet-mvp/partials/panels/skills.hbs
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<div class="skill-group">
|
||||
<h3 class="skill-group__label">{{localize "dotdungeon.skills.build"}}</h3>
|
||||
{{#each (dotdungeon-array "defense" "magic" "melee" "platforming" "strength")}}
|
||||
{{> dotdungeon.skill name=this}}
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="skill-group">
|
||||
<h3 class="skill-group__label">{{localize "dotdungeon.skills.meta"}}</h3>
|
||||
{{#each (dotdungeon-array "alchemy" "arcanum" "dreams" "lore" "navigation")}}
|
||||
{{> dotdungeon.skill name=this}}
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="skill-group">
|
||||
<h3 class="skill-group__label">{{localize "dotdungeon.skills.presence"}}</h3>
|
||||
{{#each (dotdungeon-array "alchemy" "arcanum" "dreams" "lore" "navigation")}}
|
||||
{{> dotdungeon.skill name=this}}
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="skill-group">
|
||||
<h3 class="skill-group__label">{{localize "dotdungeon.skills.hands"}}</h3>
|
||||
{{#each (dotdungeon-array "animal_handling" "perception" "sneak" "speech" "vibes")}}
|
||||
{{> dotdungeon.skill name=this}}
|
||||
{{/each}}
|
||||
</div>
|
||||
|
|
@ -1,9 +1,11 @@
|
|||
<div class="skill">
|
||||
<label>{{localize (concat "dotdungeon.skill." name)}}</label>
|
||||
<select>
|
||||
<option value="">Untrained</option>
|
||||
<span>
|
||||
{{localize (concat "dotdungeon.skill." name)}}
|
||||
</span>
|
||||
<select aria-label="{{localize "dotdungeon.aria.skill-dropdown" skill=name}}">
|
||||
<option value="">Novice</option>
|
||||
<option value="locked">Locked</option>
|
||||
<option value="+2">Trained (+2)</option>
|
||||
<option value="+4">Expert (+4)</option>
|
||||
<option value="+2">Trained</option>
|
||||
<option value="+4">Expert</option>
|
||||
</select>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue