mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-06-06 04:44:16 +02:00
Make fieldsets glassy in character sheet
This commit is contained in:
parent
94852cec21
commit
2a4e45a1ee
4 changed files with 34 additions and 28 deletions
|
|
@ -269,6 +269,7 @@
|
|||
border-radius: 3px;
|
||||
background-color: light-dark(@dark-blue, @golden);
|
||||
color: light-dark(@beige, @dark-blue);
|
||||
margin-bottom: var(--spacer-4);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,14 +9,20 @@
|
|||
gap: 10px;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
|
||||
padding-bottom: 10px;
|
||||
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 98%, transparent 100%);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 20px;
|
||||
height: 100%;
|
||||
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
|
||||
}
|
||||
|
||||
.characteristics-section {
|
||||
gap: 20px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.biography-section {
|
||||
prose-mirror {
|
||||
--min-height: 50px;
|
||||
|
|
|
|||
|
|
@ -4,9 +4,7 @@
|
|||
data-group='{{tabs.biography.group}}'
|
||||
>
|
||||
<div class="items-section">
|
||||
<fieldset class="flex">
|
||||
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.characteristics'}}</legend>
|
||||
|
||||
<div class="characteristics-section flexrow">
|
||||
<div class="input">
|
||||
<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}}
|
||||
|
|
@ -21,14 +19,14 @@
|
|||
<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}}
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<fieldset class="biography-section">
|
||||
<fieldset class="glassy biography-section">
|
||||
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.backgroundTitle'}}</legend>
|
||||
{{formInput background.field value=background.value enriched=background.enriched toggled=true}}
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="biography-section">
|
||||
<fieldset class="glassy biography-section">
|
||||
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.connectionsTitle'}}</legend>
|
||||
{{formInput connections.field value=connections.value enriched=connections.enriched toggled=true}}
|
||||
</fieldset>
|
||||
|
|
|
|||
|
|
@ -2,26 +2,27 @@
|
|||
data-group='{{tabs.features.group}}'>
|
||||
<div class="features-sections">
|
||||
{{#each document.system.sheetLists as |category|}}
|
||||
{{#if (eq category.type 'feature' )}}
|
||||
{{> 'daggerheart.inventory-items'
|
||||
title=category.title
|
||||
type='feature'
|
||||
actorType='character'
|
||||
collection=category.values
|
||||
canCreate=@root.editable
|
||||
showActions=@root.editable
|
||||
}}
|
||||
{{else if category.values}}
|
||||
{{> 'daggerheart.inventory-items'
|
||||
title=category.title
|
||||
type='feature'
|
||||
actorType='character'
|
||||
collection=category.values
|
||||
canCreate=false
|
||||
showActions=@root.editable
|
||||
}}
|
||||
|
||||
{{/if}}
|
||||
{{#if (eq category.type 'feature' )}}
|
||||
{{> 'daggerheart.inventory-items'
|
||||
title=category.title
|
||||
type='feature'
|
||||
actorType='character'
|
||||
collection=category.values
|
||||
isGlassy=true
|
||||
canCreate=@root.editable
|
||||
showActions=@root.editable
|
||||
}}
|
||||
{{else if category.values}}
|
||||
{{> 'daggerheart.inventory-items'
|
||||
title=category.title
|
||||
type='feature'
|
||||
actorType='character'
|
||||
collection=category.values
|
||||
isGlassy=true
|
||||
canCreate=false
|
||||
showActions=@root.editable
|
||||
}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue