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

Merged
Byroks merged 1 commits from #46-editor-problems into develop 2024-01-20 13:58:23 +01:00
2 changed files with 23 additions and 19 deletions
Showing only changes of commit 7f73516f42 - Show all commits

View File

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

View File

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