about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorcwm <chriswmartin@protonmail.com>2017-12-26 14:20:41 -0600
committercwm <chriswmartin@protonmail.com>2017-12-26 14:20:41 -0600
commit20ad071931ef520cdae6bf683ee52d369de8314b (patch)
treeaf0bc2e6ce85ffd58dabc8b5e71912c5f88a22cd /app/javascript
parent14243bf80ae51c493046ee9ba4ca607ef2b500c1 (diff)
Set direction style to reply indicator (tootsuite pr #6006)
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/flavours/glitch/features/compose/components/reply_indicator.js8
1 files changed, 6 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/features/compose/components/reply_indicator.js b/app/javascript/flavours/glitch/features/compose/components/reply_indicator.js
index cb28e51be..3048d591b 100644
--- a/app/javascript/flavours/glitch/features/compose/components/reply_indicator.js
+++ b/app/javascript/flavours/glitch/features/compose/components/reply_indicator.js
@@ -6,6 +6,7 @@ import IconButton from 'flavours/glitch/components/icon_button';
 import DisplayName from 'flavours/glitch/components/display_name';
 import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { isRtl } from 'flavours/glitch/util/rtl';
 
 const messages = defineMessages({
   cancel: { id: 'reply_indicator.cancel', defaultMessage: 'Cancel' },
@@ -42,7 +43,10 @@ export default class ReplyIndicator extends ImmutablePureComponent {
       return null;
     }
 
-    const content  = { __html: status.get('contentHtml') };
+    const content = { __html: status.get('contentHtml') };
+    const style   = {
+      direction: isRtl(status.get('search_index')) ? 'rtl' : 'ltr',
+    };
 
     return (
       <div className='reply-indicator'>
@@ -55,7 +59,7 @@ export default class ReplyIndicator extends ImmutablePureComponent {
           </a>
         </div>
 
-        <div className='reply-indicator__content' dangerouslySetInnerHTML={content} />
+        <div className='reply-indicator__content' style={style} dangerouslySetInnerHTML={content} />
       </div>
     );
   }