MidgardVTT-Entwicklung
/
foundry-vtt-system-midgard5
7
0
Fork 0
Code Issues 16 Pull Requests Actions Projects 1 Releases 8 Wiki Activity

#46-problems-with-character-description-editor (#50) 

Changes:
 + adjust height and width of the editor

WIP for #46
Closes #44

Reviewed-on: #50
This commit is contained in:
Byroks 2024-01-20 13:58:22 +01:00
parent 03b87f2df0
commit 2bfd3a7d6a
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
source/style/Character-sheet.less
View File

@ -6,14 +6,14 @@
.flexbox { .flexbox {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap flex-wrap: wrap;
} }
.flexcolumn { .flexcolumn {
flex-wrap: wrap; flex-wrap: wrap;
} }
.flexcolumn-1{ .flexcolumn-1 {
flex: 100%; flex: 100%;
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -128,13 +128,13 @@
table { table {
background-color: beige; background-color: beige;
border: 0px solid transparent; border: 0px solid transparent;
&.bordered{ &.bordered {
border-collapse: separate; border-collapse: separate;
border: 2px solid black; border: 2px solid black;
border-radius: 10px; border-radius: 10px;
font-size: larger; font-size: larger;
font-weight: bolder; font-weight: bolder;
} }
} }
td, td,
@ -225,7 +225,7 @@
background: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5);
font-size: smaller; font-size: smaller;
text-align: center; text-align: center;
line-height: 0.8rem; line-height: 0.8rem;
} }
span.spell-process { span.spell-process {
@ -282,8 +282,12 @@
margin: 0.5rem 0.5rem 0.5rem 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0.5rem;
height: 180px; height: 180px;
background-color: #eaead7; background-color: #eaead7;
} .editor {
height: 100%;
width: 100%;
}
}
.attributes { .attributes {
padding: 0.5rem 0.5rem 0.5rem 0.5rem; padding: 0.5rem 0.5rem 0.5rem 0.5rem;
display: flex; display: flex;

24
templates/sheets/character/description.hbs
View File

@ -1,10 +1,10 @@
<div class="flexbox"> <div class="flexbox">
<div class="flexcolumn-1"> <div class="flexcolumn-1">
<div class="flexpart"> <div class="flexpart">
<div class="flexpart-header"><img src="icons/commodities/cloth/thread-spindle-white-needle.webp" class="flexpart-icon">{{localize "midgard5.characteristics"}}</div> <div class="flexpart-header"><img src="icons/commodities/cloth/thread-spindle-white-needle.webp" class="flexpart-icon" />{{localize "midgard5.characteristics"}}</div>
<table> <table>
<tbody> <tbody>
<tr height = 10px></tr> <tr height="10px"></tr>
<tr> <tr>
<td>{{localize "midgard5.origin"}}</td> <td>{{localize "midgard5.origin"}}</td>
<td><input name="data.info.origin" type="text" value="{{data.info.origin}}" data-dtype="String" /></td> <td><input name="data.info.origin" type="text" value="{{data.info.origin}}" data-dtype="String" /></td>
@ -25,26 +25,26 @@
<td>{{localize "midgard5.faith"}}</td> <td>{{localize "midgard5.faith"}}</td>
<td><input name="data.info.faith" type="text" value="{{data.info.faith}}" data-dtype="String" /></td> <td><input name="data.info.faith" type="text" value="{{data.info.faith}}" data-dtype="String" /></td>
</tr> </tr>
<tr height = 10px></tr> <tr height="10px"></tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div class="flexcolumn-1"> <div class="flexcolumn-1">
<div class="flexpart" style="height: 250px;"> <div class="flexpart" style="height: 250px;">
<div class="flexpart-header"><img src="icons/environment/wilderness/mine-interior-dungeon-door.webp" class="flexpart-icon">{{localize "midgard5.description"}}</div> <div class="flexpart-header"><img src="icons/environment/wilderness/mine-interior-dungeon-door.webp" class="flexpart-icon" />{{localize "midgard5.description"}}</div>
<br> <br />
<div class="biography">{{editor characterDescription target="data.info.description" button=false }}</div> <div class="biography">{{editor content=data.info.description target="data.info.description" button=true owner=owner editable=editable}}</div>
</div> </div>
</div> </div>
<div class="flexcolumn-1"> <div class="flexcolumn-1">
<div class="flexpart" style="height: 250px;"> <div class="flexpart" style="height: 250px;">
<div class="flexpart-header"><img src="icons/environment/people/group.webp" class="flexpart-icon">{{localize "midgard5.background"}}</div> <div class="flexpart-header"><img src="icons/environment/people/group.webp" class="flexpart-icon" />{{localize "midgard5.background"}}</div>
<br> <br />
<div class="biography">{{editor characterBackground target="data.info.background" button=false}}</div> <div class="biography">{{editor content=data.info.background target="data.info.background" button=true owner=owner editable=editable}}</div>
</div> </div>
</div> </div>
</div> </div>