Make editing the biography take the entire tab and tweak rendering (#1352)

This commit is contained in:
Carlos Fernandez 2025-11-30 09:36:19 -08:00 committed by GitHub
parent 165068a9ee
commit e57e7327d6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 23 additions and 4 deletions

View file

@ -16,5 +16,24 @@
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
.biography-section {
prose-mirror {
--min-height: 50px;
}
prose-mirror.inactive .editor-content {
position: relative;
}
}
&:has(.prosemirror.active) {
.biography-section {
flex: 1;
&:not(:has(prose-mirror.active)) {
display: none;
}
}
}
}
}

View file

@ -3,7 +3,6 @@
data-tab='{{tabs.biography.id}}'
data-group='{{tabs.biography.group}}'
>
<div class="items-section">
<fieldset class="flex">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.characteristics'}}</legend>
@ -22,13 +21,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>
<fieldset>
<fieldset class="biography-section">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.backgroundTitle'}}</legend>
{{formInput background.field value=background.value enriched=background.enriched toggled=true}}
</fieldset>
<fieldset>
<fieldset class="biography-section">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.connectionsTitle'}}</legend>
{{formInput connections.field value=connections.value enriched=connections.enriched toggled=true}}
</fieldset>