starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-28 14:17:19 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

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
assets/defaultStyles.css
+13 -1
View File
@@ -52,4 +52,16 @@
text-indent: 0px !important; text-indent: 0px !important;
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;
}
pages/item/_id/index.vue
+1 -1
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 }}