Add the primitive dropdown styling for the skills

This commit is contained in:
Oliver-Akins 2023-11-26 13:11:02 -07:00
parent 31b2ccedc8
commit 6381b51990
14 changed files with 179 additions and 67 deletions

View 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>

View file

@ -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>

View file

@ -8,9 +8,7 @@
{{/each}}
{{/ dotdungeon.panel}}
{{#> dotdungeon.panel class="skills" title="dotdungeon.panel.skills"}}
<div class="skill-group">
<h3>{{localize "dotdungeon.skills.build"}}</h3>
</div>
{{> dotdungeon.skills }}
{{/ dotdungeon.panel}}
{{#> dotdungeon.panel class="backpack" title="dotdungeon.panel.backpack"}}
Backpack