Add dir='auto' to Message and Quote body for RTL languages

7 years ago · 8b92e6112c
parent aa4339a69f
commit 8b92e6112c
2 changed files with 2 additions and 1 deletions
--- a/ts/components/conversation/Message.tsx
+++ b/ts/components/conversation/Message.tsx
@ -667,6 +667,7 @@ export class Message extends React.Component<Props, State> {

    return (
      <div
+        dir="auto"
        className={classNames(
          'module-message__text',
          `module-message__text--${direction}`,
--- a/ts/components/conversation/Quote.tsx
+++ b/ts/components/conversation/Quote.tsx
@ -180,7 +180,7 @@ export class Quote extends React.Component<Props> {

    if (text) {
      return (
-        <div className="module-quote__primary__text">
+        <div dir="auto" className="module-quote__primary__text">
          <MessageBody text={text} i18n={i18n} />
        </div>
      );