Make editing the biography take the entire tab and tweak rendering

This commit is contained in:
Carlos Fernandez 2025-11-29 17:03:28 -05:00
parent 630ba5ab7d
commit 6d4cb2c538
2 changed files with 23 additions and 4 deletions

View file

@ -16,5 +16,24 @@
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; 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-tab='{{tabs.biography.id}}'
data-group='{{tabs.biography.group}}' data-group='{{tabs.biography.group}}'
> >
<div class="items-section"> <div class="items-section">
<fieldset class="flex"> <fieldset class="flex">
<legend>{{localize 'DAGGERHEART.ACTORS.Character.story.characteristics'}}</legend> <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.characteristics'}}</legend>
@ -22,13 +21,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> </fieldset>
<fieldset>
<fieldset class="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>
<fieldset class="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>