MDL-63674 core_messaging: Bidi text support

nilo72 · Feb 25, 2019 · 87dc257 · 87dc257
1 parent 07203d3
commit 87dc257
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 2 deletions.
diff --git a/message/templates/message_drawer_view_conversation_body_message.mustache b/message/templates/message_drawer_view_conversation_body_message.mustache
@@ -66,5 +66,5 @@
         <span class="hidden ml-2 small text-dark" data-region="not-selected-icon">{{#pix}} i/uncheckedcircle, core {{/pix}}</span>
         <span class="hidden ml-2 small text-primary" data-region="selected-icon">{{#pix}} i/checkedcircle, core {{/pix}}</span>
     </div>
-    <div>{{{text}}}</div>
+    <div dir="auto" align="initial">{{{text}}}</div>
 </div>
diff --git a/message/templates/message_drawer_view_conversation_footer_content.mustache b/message/templates/message_drawer_view_conversation_footer_content.mustache
@@ -37,6 +37,7 @@
 
 <div class="d-flex mt-1">
     <textarea
+        dir="auto"
         data-region="send-message-txt"
         class="form-control bg-light"
         rows="3"

diff --git a/theme/boost/scss/moodle/message.scss b/theme/boost/scss/moodle/message.scss
@@ -1231,6 +1231,10 @@ $message-drawer-width: 320px;
     .footer-container {
         flex-shrink: 0;
         overflow-x: hidden;
+
+        textarea {
+            direction: ltr;
+        }
     }
 
     .matchtext {

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -14125,6 +14125,8 @@ a.ygtvspacer:hover {
   .message-drawer .footer-container {
     flex-shrink: 0;
     overflow-x: hidden; }
+    .message-drawer .footer-container textarea {
+      direction: ltr; }
   .message-drawer .matchtext {
     background-color: #b5d9f9;
     color: #373a3c;

diff --git a/theme/bootstrapbase/less/moodle/message.less b/theme/bootstrapbase/less/moodle/message.less
@@ -1242,6 +1242,10 @@
     .footer-container {
         flex-shrink: 0;
         overflow-x: hidden;
+
+        textarea {
+            direction: ltr;
+        }
     }
 
     .matchtext {

diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
@@ -9162,6 +9162,9 @@ a.ygtvspacer:hover {
   flex-shrink: 0;
   overflow-x: hidden;
 }
+.message-drawer .footer-container textarea {
+  direction: ltr;
+}
 .message-drawer .matchtext {
   background-color: #ade6fe;
   color: #333;

diff --git a/...otstrapbase/templates/core_message/message_drawer_view_conversation_body_message.mustache b/...otstrapbase/templates/core_message/message_drawer_view_conversation_body_message.mustache
@@ -70,5 +70,5 @@
         <span class="hidden ml-2 small text-primary" data-region="not-selected-icon">{{#pix}} i/uncheckedcircle, core {{/pix}}</span>
         <span class="hidden ml-2 small text-primary" data-region="selected-icon">{{#pix}} i/checkedcircle, core {{/pix}}</span>
     </div>
-    <div>{{{text}}}</div>
+    <div dir="auto" align="initial">{{{text}}}</div>
 </div>
diff --git a/...strapbase/templates/core_message/message_drawer_view_conversation_footer_content.mustache b/...strapbase/templates/core_message/message_drawer_view_conversation_footer_content.mustache
@@ -40,6 +40,7 @@
 
 <div class="d-flex mt-1">
     <textarea
+        dir="auto"
         data-region="send-message-txt"
         class="form-control bg-light m-0 flex-grow"
         rows="3"