From 23de9cfcb3f920b68a12b9c32fe957e833817ac9 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 11 Jun 2021 01:19:13 +0300
Subject: [PATCH] Message: Fix layout after RTL (#1139)

---
 src/components/common/File.scss               | 20 +++++++++++++++++--
 .../middle/message/_message-content.scss      | 15 ++++++++++++++
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/components/common/File.scss b/src/components/common/File.scss
index dd315bee9..adeefee33 100644
--- a/src/components/common/File.scss
+++ b/src/components/common/File.scss
@@ -21,7 +21,7 @@
   .file-preview {
     width: 3.375rem;
     height: 3.375rem;
-    margin-right: .75rem;
+    margin-inline-end: .75rem;
     border-radius: var(--border-radius-messages-small);
     background: var(--color-primary);
     display: flex;
@@ -83,7 +83,7 @@
     font-size: 1.5rem;
     position: absolute;
     top: 0;
-    left: 0;
+    start: 0;
     width: 3.375rem;
     height: 3.375rem;
     display: flex;
@@ -189,6 +189,22 @@
       line-height: 1rem;
     }
   }
+
+  &:dir(rtl) {
+    .file-info {
+      text-align: right;
+
+      & + .Link {
+        padding-left: 0;
+        padding-right: 1rem;
+      }
+    }
+
+    .icon-download {
+      left: auto;
+      right: 0;
+    }
+  }
 }
 
 // Document extension colors
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index 42cb9b193..17284e59a 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -40,6 +40,21 @@
     }
   }
 
+  &.document:not(.text) {
+    & > .MessageMeta {
+      position: absolute;
+      top: auto;
+      bottom: 0 !important;
+      right: .5rem;
+    }
+    &:dir(rtl) {
+      & > .MessageMeta {
+        right: auto;
+        left: .5rem;
+      }
+    }
+  }
+
   .theme-dark .Message.own & {
     .text-entity-link {
       text-decoration: underline;