From fb9ca7f5f322721311019b8db3d0fb64f7b878bf Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 25 Jan 2025 14:10:35 -0600
Subject: [PATCH] Update item description to support rich text #1281

---
 assets/defaultStyles.css | 14 +++++++++++++-
 pages/item/_id/index.vue |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/assets/defaultStyles.css b/assets/defaultStyles.css
index 027ccdf2..51d6b391 100644
--- a/assets/defaultStyles.css
+++ b/assets/defaultStyles.css
@@ -52,4 +52,16 @@
   text-indent: 0px !important;
   text-align: start !important;
   text-align-last: start !important;
-}
\ No newline at end of file
+}
+
+.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;
+}
diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue
index 41421e2a..ec39ec54 100644
--- a/pages/item/_id/index.vue
+++ b/pages/item/_id/index.vue
@@ -135,7 +135,7 @@
         </div>
 
         <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">
             {{ showFullDescription ? $strings.ButtonReadLess : $strings.ButtonReadMore }}