diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss index a9a404cff..72efa7be9 100644 --- a/src/components/left/main/Chat.scss +++ b/src/components/left/main/Chat.scss @@ -83,6 +83,9 @@ flex-grow: 1; color: var(--color-text-secondary); unicode-bidi: plaintext; + &[dir=ltr] { + text-align: left; + } .sender-name { color: var(--color-text); diff --git a/src/components/left/main/Chat.tsx b/src/components/left/main/Chat.tsx index c1e46f5ce..eaa838493 100644 --- a/src/components/left/main/Chat.tsx +++ b/src/components/left/main/Chat.tsx @@ -192,7 +192,7 @@ const Chat: FC = ({ if (draft && draft.text.length) { return ( -

+

{lang('Draft')} {renderText(draft.text)}

@@ -209,7 +209,7 @@ const Chat: FC = ({ : lastMessageSender; return ( -

+

{renderText(renderActionMessageText( lang, lastMessage, @@ -226,7 +226,7 @@ const Chat: FC = ({ const senderName = getMessageSenderName(lang, chatId, lastMessageSender); return ( -

+

{senderName && ( <> {renderText(senderName)} diff --git a/src/components/ui/Radio.scss b/src/components/ui/Radio.scss index 8ba8710ce..b67f491c4 100644 --- a/src/components/ui/Radio.scss +++ b/src/components/ui/Radio.scss @@ -60,7 +60,8 @@ .label { display: block; word-break: break-word; - text-align: initial; + unicode-bidi: plaintext; + text-align: left; } .subLabel { @@ -68,6 +69,7 @@ font-size: 0.875rem; line-height: 1rem; color: var(--color-text-secondary); + unicode-bidi: plaintext; } } diff --git a/src/components/ui/Radio.tsx b/src/components/ui/Radio.tsx index ba19bcba2..f15d659a1 100644 --- a/src/components/ui/Radio.tsx +++ b/src/components/ui/Radio.tsx @@ -53,8 +53,8 @@ const Radio: FC = ({ disabled={disabled || hidden} />

- {label} - {subLabel && {subLabel}} + {label} + {subLabel && {subLabel}}
{isLoading && }