mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-31 15:19:34 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update item description to support rich text #1281

Browse source
This commit is contained in:
advplyr 2025-01-25 14:10:35 -06:00
parent e21d37b20f
commit fb9ca7f5f3
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/defaultStyles.css
View file

@ -53,3 +53,15 @@
text-align: start !important; text-align: start !important;
text-align-last: start !important; text-align-last: start !important;
} }
.default-style.less-spacing p {
margin-block-start: 0;
}
.default-style.less-spacing ul {
margin-block-start: 0;
}
.default-style.less-spacing ol {
margin-block-start: 0;
}

2
pages/item/_id/index.vue
View file

@ -135,7 +135,7 @@
</div> </div>
<div v-if="description" class="w-full py-2"> <div v-if="description" class="w-full py-2">
<p ref="description" class="text-sm text-justify whitespace-pre-line font-light" :class="{ 'line-clamp-4': !showFullDescription }" style="hyphens: auto">{{ description }}</p> <div ref="description" class="default-style less-spacing text-sm text-justify whitespace-pre-line font-light" :class="{ 'line-clamp-4': !showFullDescription }" style="hyphens: auto" v-html="description" />
<div v-if="descriptionClamped" class="text-fg text-sm py-2" @click="showFullDescription = !showFullDescription"> <div v-if="descriptionClamped" class="text-fg text-sm py-2" @click="showFullDescription = !showFullDescription">
{{ showFullDescription ? $strings.ButtonReadLess : $strings.ButtonReadMore }} {{ showFullDescription ? $strings.ButtonReadLess : $strings.ButtonReadMore }}