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;
|
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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@
|
||||||
type='feature'
|
type='feature'
|
||||||
actorType='character'
|
actorType='character'
|
||||||
collection=category.values
|
collection=category.values
|
||||||
|
isGlassy=true
|
||||||
canCreate=@root.editable
|
canCreate=@root.editable
|
||||||
showActions=@root.editable
|
showActions=@root.editable
|
||||||
}}
|
}}
|
||||||
|
|
@ -17,10 +18,10 @@
|
||||||
type='feature'
|
type='feature'
|
||||||
actorType='character'
|
actorType='character'
|
||||||
collection=category.values
|
collection=category.values
|
||||||
|
isGlassy=true
|
||||||
canCreate=false
|
canCreate=false
|
||||||
showActions=@root.editable
|
showActions=@root.editable
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue