From e873ba96084e4a527157c11538e73c950043a3db Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Thu, 16 Jul 2020 02:52:16 +0100
Subject: [PATCH] ellipse senders for images and videos

---
 res/css/views/rooms/_IRCLayout.scss            | 3 ++-
 src/components/views/messages/SenderProfile.js | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss
index 94753f9473..a97de54134 100644
--- a/res/css/views/rooms/_IRCLayout.scss
+++ b/res/css/views/rooms/_IRCLayout.scss
@@ -181,7 +181,8 @@ $irc-line-height: $font-18px;
         > span {
             display: flex;
 
-            > .mx_SenderProfile_name {
+            > .mx_SenderProfile_name,
+            > .mx_SenderProfile_aux {
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
diff --git a/src/components/views/messages/SenderProfile.js b/src/components/views/messages/SenderProfile.js
index d512b186e9..5064c4d2b2 100644
--- a/src/components/views/messages/SenderProfile.js
+++ b/src/components/views/messages/SenderProfile.js
@@ -125,8 +125,10 @@ export default createReactClass({
         </span>;
 
         const content = this.props.text ?
-            <span className="mx_SenderProfile_aux">
-                { _t(this.props.text, { senderName: () => nameElem }) }
+            <span>
+                <span className="mx_SenderProfile_aux">
+                    { _t(this.props.text, { senderName: () => nameElem }) }
+                </span>
             </span> : nameFlair;
 
         return (