Make the read-only state of untyped items usable (closes #162 and #159)

This commit is contained in:
Oliver-Akins 2024-04-04 23:02:43 -06:00
parent 1c2ced321b
commit 24d31aad30
4 changed files with 50 additions and 44 deletions

View file

@ -1,6 +1,7 @@
@use "../mixins/material" as material;
.dotdungeon.style-v3 > .window-content button {
.dotdungeon.style-v3 > .window-content {
button, a.button {
@include material.elevate(2);
align-items: center;
border-radius: 4px;
@ -20,6 +21,7 @@
&:hover, &:focus-visible {
@include material.elevate(4);
text-shadow: none;
}
&:active {
@include material.elevate(6);
@ -41,3 +43,4 @@
}
}
}
}

View file

@ -6,4 +6,7 @@
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
}

View file

@ -10,11 +10,11 @@
<div class="nav-bar">
<nav data-group="page" class="page" aria-label="">
<button type="button" data-group="page" data-tab="general">General</button>
<button type="button" data-group="page" data-tab="details">Details</button>
<button type="button" data-group="page" data-tab="effects">Effects</button>
<a class="button" data-group="page" data-tab="general">General</a>
<a class="button" data-group="page" data-tab="details">Details</a>
<a class="button" data-group="page" data-tab="effects">Effects</a>
{{#if meta.showSettingsTab}}
<button type="button" data-group="page" data-tab="settings">Settings</button>
<a class="button" data-group="page" data-tab="settings">Settings</a>
{{/if}}
</nav>
</div>

View file

@ -15,8 +15,8 @@
id="{{meta.idp}}-purchase-cost"
>
{{else}}
Purchase Cost
{{dd-empty-state system.buy}}
<span>Purchase Cost</span>
<span class="text-right">{{dd-empty-state system.buy}}</span>
{{/if}}
</div>
<div class="number panel">
@ -35,12 +35,12 @@
id="{{meta.idp}}-usage-cost"
>
{{else}}
Usage Cost
{{dd-empty-state system.usage_cost}}
<span>Usage Cost</span>
<span class="text-right">{{dd-empty-state system.usage_cost}}</span>
{{/if}}
</div>
<div class="detail panel--row space-between">
Rarity
<span>Rarity</span>
{{#if meta.isEditable}}
<select
class="text-center"
@ -50,7 +50,7 @@
{{{ dd-options system.tier config.itemTiers localize=true }}}
</select>
{{else}}
{{dd-i18n (concat "dotdungeon.rarity." system.tier)}}
<span>{{dd-i18n (concat "dotdungeon.rarity." system.tier)}}</span>
{{/if}}
</div>
{{#if meta.isEmbedded}}