Merge pull request #913 from dpc-sdp/fix/r20-1591-timeline-markup

[R20-1591] Add rpl-content on timeline container
dpc-sdp · Oct 30, 2023 · 8623c69 · 8623c69
2 parents 94ac436 + af1a4c4
commit 8623c69
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ripple-ui-core/src/components/timeline/RplTimeline.stories.mdx b/packages/ripple-ui-core/src/components/timeline/RplTimeline.stories.mdx
@@ -60,7 +60,7 @@ export const SingleTemplate = (args) => ({
           image: { src: svgPlaceholder({ width: 80, height: 80 }) },
           title: 'Timeline item 5 with link',
           url: 'https://www.google.com',
-          description: 'Contains an image, title, external URL and description.'
+          description: '<p>Contains an image, title, external URL and description.</p><ul><li>Also a list</li></ul>'
         }
       ]
     }}

diff --git a/packages/ripple-ui-core/src/components/timeline/RplTimeline.vue b/packages/ripple-ui-core/src/components/timeline/RplTimeline.vue
@@ -116,7 +116,7 @@ const handleClick = (item) => {
         </p>
         <div
           v-if="item.description"
-          class="rpl-timeline__item-description"
+          class="rpl-timeline__item-description rpl-content"
           v-html="item.description"
         ></div>
       </li>