From 256d4da20656ae0db91872abf818ecb6002cde05 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sat, 2 Nov 2024 21:11:03 +0400
Subject: [PATCH] Forward message: Redesign (#5091)

---
 src/components/middle/message/Message.tsx     |  5 ++++
 .../middle/message/_message-content.scss      | 26 +++----------------
 2 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/components/middle/message/Message.tsx b/src/components/middle/message/Message.tsx
index 0e93d9a04..e80a75223 100644
--- a/src/components/middle/message/Message.tsx
+++ b/src/components/middle/message/Message.tsx
@@ -1473,6 +1473,11 @@ const Message: FC<OwnProps & StateProps> = ({
             onClick={handleSenderClick}
             dir="ltr"
           >
+            {asForwarded && (
+              <span className="forward-title">
+                {lang('ForwardedFrom')}
+              </span>
+            )}
             {asForwarded && (
               <Icon name={forwardInfo?.hiddenUserName ? 'forward' : 'share-filled'} />
             )}
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index f8e3c0bdf..41d5f22af 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -291,6 +291,10 @@
       align-items: center;
     }
 
+    .forward-title {
+      margin-right: 0.1875rem;
+    }
+
     .forward-avatar {
       margin-right: 0.25rem;
     }
@@ -891,28 +895,6 @@
   .message-content:not(.custom-shape) & {
     position: relative;
     margin-top: 0.25rem;
-    padding-left: 0.625rem;
-
-    &::before {
-      content: "";
-      display: block;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0.0625rem;
-      width: 2px;
-      background: var(--accent-color);
-      border-radius: 2px;
-    }
-
-    &:dir(rtl) {
-      padding-inline-start: 0.625rem;
-
-      &::before {
-        left: auto;
-        right: 0.0625rem;
-      }
-    }
   }
 
   --border-top-left-radius: var(--border-radius-messages-small);