Make background tab glassy in character sheet (#1868)
Some checks failed
Project CI / build (24.x) (push) Has been cancelled

* Make fieldsets glassy in character sheet

* Remove glassy from character features tab
This commit is contained in:
Carlos Fernandez 2026-05-11 16:30:39 -04:00 committed by GitHub
parent abd7824c96
commit 24813e7e4f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 32 additions and 28 deletions

View file

@ -269,6 +269,7 @@
border-radius: 3px; border-radius: 3px;
background-color: light-dark(@dark-blue, @golden); background-color: light-dark(@dark-blue, @golden);
color: light-dark(@beige, @dark-blue); color: light-dark(@beige, @dark-blue);
margin-bottom: var(--spacer-4);
} }
} }

View file

@ -9,14 +9,20 @@
gap: 10px; gap: 10px;
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 98%, transparent 100%);
padding-bottom: 10px; padding-top: 8px;
padding-bottom: 20px;
height: 100%; height: 100%;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; scrollbar-color: light-dark(@dark-blue, @golden) transparent;
} }
.characteristics-section {
gap: 20px;
padding: 0 10px;
}
.biography-section { .biography-section {
prose-mirror { prose-mirror {
--min-height: 50px; --min-height: 50px;

View file

@ -4,9 +4,7 @@
data-group='{{tabs.biography.group}}' data-group='{{tabs.biography.group}}'
> >
<div class="items-section"> <div class="items-section">
<fieldset class="flex"> <div class="characteristics-section flexrow">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.characteristics'}}</legend>
<div class="input"> <div class="input">
<span>{{localize 'DAGGERHEART.ACTORS.Character.pronouns'}}</span> <span>{{localize 'DAGGERHEART.ACTORS.Character.pronouns'}}</span>
{{formInput systemFields.biography.fields.characteristics.fields.pronouns value=source.system.biography.characteristics.pronouns enriched=source.system.biography.characteristics.pronouns localize=true toggled=true}} {{formInput systemFields.biography.fields.characteristics.fields.pronouns value=source.system.biography.characteristics.pronouns enriched=source.system.biography.characteristics.pronouns localize=true toggled=true}}
@ -21,14 +19,14 @@
<span>{{localize 'DAGGERHEART.ACTORS.Character.faith'}}</span> <span>{{localize 'DAGGERHEART.ACTORS.Character.faith'}}</span>
{{formInput systemFields.biography.fields.characteristics.fields.faith value=source.system.biography.characteristics.faith enriched=source.system.biography.characteristics.faith localize=true toggled=true}} {{formInput systemFields.biography.fields.characteristics.fields.faith value=source.system.biography.characteristics.faith enriched=source.system.biography.characteristics.faith localize=true toggled=true}}
</div> </div>
</fieldset> </div>
<fieldset class="biography-section"> <fieldset class="glassy biography-section">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.backgroundTitle'}}</legend> <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.backgroundTitle'}}</legend>
{{formInput background.field value=background.value enriched=background.enriched toggled=true}} {{formInput background.field value=background.value enriched=background.enriched toggled=true}}
</fieldset> </fieldset>
<fieldset class="biography-section"> <fieldset class="glassy biography-section">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.connectionsTitle'}}</legend> <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.connectionsTitle'}}</legend>
{{formInput connections.field value=connections.value enriched=connections.enriched toggled=true}} {{formInput connections.field value=connections.value enriched=connections.enriched toggled=true}}
</fieldset> </fieldset>

View file

@ -2,26 +2,25 @@
data-group='{{tabs.features.group}}'> data-group='{{tabs.features.group}}'>
<div class="features-sections"> <div class="features-sections">
{{#each document.system.sheetLists as |category|}} {{#each document.system.sheetLists as |category|}}
{{#if (eq category.type 'feature' )}} {{#if (eq category.type 'feature' )}}
{{> 'daggerheart.inventory-items' {{> 'daggerheart.inventory-items'
title=category.title title=category.title
type='feature' type='feature'
actorType='character' actorType='character'
collection=category.values collection=category.values
canCreate=@root.editable canCreate=@root.editable
showActions=@root.editable showActions=@root.editable
}} }}
{{else if category.values}} {{else if category.values}}
{{> 'daggerheart.inventory-items' {{> 'daggerheart.inventory-items'
title=category.title title=category.title
type='feature' type='feature'
actorType='character' actorType='character'
collection=category.values collection=category.values
canCreate=false canCreate=false
showActions=@root.editable showActions=@root.editable
}} }}
{{/if}}
{{/if}}
{{/each}} {{/each}}
</div> </div>
</section> </section>