fixed: right text ellipsis punctuation issue

Author: dogusata

src/components/detailed-list/detailed-list-item.ts

@@ -68,7 +68,7 @@ export class DetailedListItemWrapper {
               ? [ {
                   type: 'div',
                   classNames: [ 'mynah-detailed-list-item-description', this.props.descriptionTextDirection ?? 'ltr' ],
-                  innerHTML: `<bdi>${marked.parse(this.props.listItem.description.replace(/ /g, '&nbsp;').replace(/\n\s*\n/g, ' '), {
+                  innerHTML: `<bdi>${marked.parseInline(this.props.listItem.description.replace(/ /g, '&nbsp;').replace(/\n\s*\n/g, ' '), {
                     breaks: false,
                         }) as string}</bdi>`
                 } ]

src/styles/components/_detailed-list.scss

@@ -200,7 +200,6 @@
                                 justify-content: flex-start;
                                 display: inline-block;
                                 white-space: nowrap;
-                                direction: rtl;
                                 text-align: left;
                                 text-overflow: ellipsis;
                                 padding-left: var(--mynah-sizing-1);
@@ -222,16 +221,10 @@
                             white-space: nowrap;
                             text-align: left;
                             text-overflow: ellipsis;
-
-                            p {
-                                margin: 0;
-                                text-overflow: ellipsis;
-                                overflow: hidden;
-                            }
+                            margin: 0;
                             &.rtl {
-                                p {
-                                    direction: rtl;
-                                }
+                                direction: rtl;
+                                text-align: left;
                             }
                         }
                     }