#547 Display Creator's Note in characters list

This commit is contained in:
Cohee
2023-06-21 21:12:46 +03:00
parent 408f83804d
commit 4230f3881d
3 changed files with 24 additions and 2 deletions

View File

@ -3059,10 +3059,11 @@
<div class="avatar" title=""> <div class="avatar" title="">
<img src=""> <img src="">
</div> </div>
<div class="flex-container wide100pLess70px gap5px"> <div class="flex-container wide100pLess70px">
<div class="ch_name"></div> <div class="ch_name"></div>
<i class="ch_fav_icon fa-solid fa-star"></i> <i class="ch_fav_icon fa-solid fa-star"></i>
<input class="ch_fav" value="" hidden /> <input class="ch_fav" value="" hidden />
<div class="ch_description"></div>
<div class="tags tags_inline"></div> <div class="tags tags_inline"></div>
</div> </div>
</div> </div>

View File

@ -802,6 +802,14 @@ async function printCharacters() {
template.toggleClass('is_fav', item.fav || item.fav == 'true'); template.toggleClass('is_fav', item.fav || item.fav == 'true');
template.find('.ch_fav').val(item.fav); template.find('.ch_fav').val(item.fav);
const description = item.data?.creator_notes || '';
if (description) {
template.find('.ch_description').text(description);
}
else {
template.find('.ch_description').hide();
}
// Display inline tags // Display inline tags
const tags = getTagsList(item.avatar); const tags = getTagsList(item.avatar);
const tagsElement = template.find('.tags'); const tagsElement = template.find('.tags');

View File

@ -1002,9 +1002,9 @@ input[type="file"] {
#right-nav-panel-tabs { #right-nav-panel-tabs {
display: flex; display: flex;
align-items: center; align-items: center;
flex: 1;
gap: 10px; gap: 10px;
overflow: hidden; overflow: hidden;
width: fit-content;
} }
#rm_PinAndTabs { #rm_PinAndTabs {
@ -1326,6 +1326,19 @@ input[type=search]:focus::-webkit-search-cancel-button {
font-weight: bolder; font-weight: bolder;
} }
.character_select .avatar {
align-self: center;
}
.ch_description {
font-size: calc(var(--mainFontSize) * 0.8);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
margin-top: -5px;
}
.justifySpaceBetween { .justifySpaceBetween {
justify-content: space-between; justify-content: space-between;
} }