Improved optional fieldset styling

This commit is contained in:
WBHarry 2026-06-26 19:31:15 +02:00
parent 1cecb4251d
commit da44ff2510
3 changed files with 7 additions and 3 deletions

View file

@ -305,6 +305,10 @@
min-height: auto; min-height: auto;
row-gap: 0; row-gap: 0;
&.active {
row-gap: 10px;
}
legend { legend {
display: flex; display: flex;
align-items: center; align-items: center;

View file

@ -14,7 +14,7 @@
{{/each}} {{/each}}
</ol> </ol>
<fieldset class="armor-change-container optional"> <fieldset class="armor-change-container optional {{#if typeChanges.armor}}active{{/if}}">
<legend> <legend>
{{localize "DAGGERHEART.GENERAL.armor"}} {{localize "DAGGERHEART.GENERAL.armor"}}
<input type="checkbox" class="armor-change-checkbox" data-index="{{typedChanges.armor.index}}" {{checked typedChanges.armor}} /> <input type="checkbox" class="armor-change-checkbox" data-index="{{typedChanges.armor.index}}" {{checked typedChanges.armor}} />

View file

@ -1,5 +1,5 @@
<section class="tab{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}"> <section class="tab{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
<fieldset class="one-column optional"> <fieldset class="one-column optional {{#if source.system.stacking}}active{{/if}}">
<legend> <legend>
{{localize "DAGGERHEART.ACTIVEEFFECT.Config.stacking.title"}} {{localize "DAGGERHEART.ACTIVEEFFECT.Config.stacking.title"}}
<input type="checkbox" class="stacking-change-checkbox" {{checked source.system.stacking}} /> <input type="checkbox" class="stacking-change-checkbox" {{checked source.system.stacking}} />
@ -13,7 +13,7 @@
{{/if}} {{/if}}
</fieldset> </fieldset>
<fieldset class="one-column optional"> <fieldset class="one-column optional {{#if source.system.rangeDependence}}active{{/if}}">
<legend> <legend>
{{localize "DAGGERHEART.ACTIVEEFFECT.Config.rangeDependence.title"}} {{localize "DAGGERHEART.ACTIVEEFFECT.Config.rangeDependence.title"}}
<input type="checkbox" class="range-dependence-change-checkbox" {{checked source.system.rangeDependence}} /> <input type="checkbox" class="range-dependence-change-checkbox" {{checked source.system.rangeDependence}} />