From 18ce05d7fe9b83a9ce820fb3c1f40c01fc80c58f Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 8 Feb 2023 00:48:00 +0100
Subject: [PATCH] Action Messages: Draw message in one row (#2520)

---
 src/components/middle/ActionMessage.tsx |  2 +-
 src/components/middle/MessageList.scss  | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/middle/ActionMessage.tsx b/src/components/middle/ActionMessage.tsx
index d9b7492ce..ca385f43e 100644
--- a/src/components/middle/ActionMessage.tsx
+++ b/src/components/middle/ActionMessage.tsx
@@ -210,7 +210,7 @@ const ActionMessage: FC<OwnProps & StateProps> = ({
       onMouseDown={handleMouseDown}
       onContextMenu={handleContextMenu}
     >
-      {!isSuggestedAvatar && <span>{content}</span>}
+      {!isSuggestedAvatar && <span className="action-message-content">{content}</span>}
       {isGift && renderGift()}
       {isSuggestedAvatar && (
         <ActionMessageSuggestedAvatar
diff --git a/src/components/middle/MessageList.scss b/src/components/middle/MessageList.scss
index b2d470e72..a0538d574 100644
--- a/src/components/middle/MessageList.scss
+++ b/src/components/middle/MessageList.scss
@@ -279,6 +279,14 @@
     }
   }
 
+  .action-message-content {
+    max-width: 100%;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .ActionMessage.centered-action {
     display: flex;
     flex-direction: column;
@@ -377,6 +385,7 @@
   .ActionMessage {
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
+    height: 1.5625rem;
   }
 
   .ActionMessage {
@@ -398,7 +407,7 @@
   }
 
   .sticky-date + .ActionMessage {
-    margin-top: -0.5rem;
+    margin-top: -0.375rem;
   }
 
   @media (min-width: 1276px) {