fix Arabic punctuation & alignment (#12655)

* fix Arabic punctuation & alignment

* fix Arabic punctuation & alignment - 2

* add rtl support for all rtl languages

* add auto direction to chat cards

* fix alignment: use automatic alignment based on dir attribute

* restore package-lock.json

Co-authored-by: Matteo Pagliazzi <matteopagliazzi@gmail.com>
This commit is contained in:
Mario Yonan
2020-10-26 16:32:07 +02:00
committed by GitHub
parent f2bcdd21de
commit 625b4a4ad7
4 changed files with 6 additions and 2 deletions

View File

@@ -34,6 +34,7 @@
<div <div
ref="markdownContainer" ref="markdownContainer"
class="text markdown" class="text markdown"
dir="auto"
v-html="parseMarkdown(msg.text)" v-html="parseMarkdown(msg.text)"
></div> ></div>
<hr> <hr>
@@ -164,7 +165,7 @@
.text { .text {
font-size: 14px; font-size: 14px;
color: #4e4a57; color: #4e4a57;
text-align: left !important; text-align: initial;
min-height: 0rem; min-height: 0rem;
} }
} }

View File

@@ -18,6 +18,7 @@
<textarea <textarea
ref="user-entry" ref="user-entry"
v-model="newMessage" v-model="newMessage"
dir="auto"
:placeholder="placeholder" :placeholder="placeholder"
:class="{'user-entry': newMessage}" :class="{'user-entry': newMessage}"
:maxlength="MAX_MESSAGE_LENGTH" :maxlength="MAX_MESSAGE_LENGTH"

View File

@@ -21,6 +21,7 @@
</p> </p>
<div <div
class="text markdown" class="text markdown"
dir="auto"
v-html="parseMarkdown(msg.text)" v-html="parseMarkdown(msg.text)"
></div> ></div>
<div <div
@@ -118,7 +119,7 @@
.text { .text {
font-size: 14px; font-size: 14px;
color: $gray-50; color: $gray-50;
text-align: left !important; text-align: initial;
min-height: 0rem; min-height: 0rem;
} }
} }

View File

@@ -152,6 +152,7 @@
<textarea <textarea
ref="textarea" ref="textarea"
v-model="newMessage" v-model="newMessage"
dir="auto"
class="flex-fill" class="flex-fill"
:placeholder="$t('needsTextPlaceholder')" :placeholder="$t('needsTextPlaceholder')"
:maxlength="MAX_MESSAGE_LENGTH" :maxlength="MAX_MESSAGE_LENGTH"