diff --git a/public/index.html b/public/index.html index 630fcd801..89667dd04 100644 --- a/public/index.html +++ b/public/index.html @@ -3059,10 +3059,11 @@
-
+
+
diff --git a/public/script.js b/public/script.js index ab63c3491..75111d324 100644 --- a/public/script.js +++ b/public/script.js @@ -802,6 +802,14 @@ async function printCharacters() { template.toggleClass('is_fav', item.fav || item.fav == 'true'); 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 const tags = getTagsList(item.avatar); const tagsElement = template.find('.tags'); diff --git a/public/style.css b/public/style.css index 91b1755d8..533142fa7 100644 --- a/public/style.css +++ b/public/style.css @@ -1002,9 +1002,9 @@ input[type="file"] { #right-nav-panel-tabs { display: flex; align-items: center; - flex: 1; gap: 10px; overflow: hidden; + width: fit-content; } #rm_PinAndTabs { @@ -1326,6 +1326,19 @@ input[type=search]:focus::-webkit-search-cancel-button { 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 { justify-content: space-between; }