From e1fad284135ab3244738a23a1457069901e58f05 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Tue, 9 Nov 2021 17:29:07 +0300
Subject: [PATCH] Middle Header: Fix overlapping audio player and user status
 (#1537)

---
 src/components/middle/MiddleHeader.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/MiddleHeader.scss b/src/components/middle/MiddleHeader.scss
index 6e909469c..dfe436a5e 100644
--- a/src/components/middle/MiddleHeader.scss
+++ b/src/components/middle/MiddleHeader.scss
@@ -282,9 +282,22 @@
       }
     }
 
-    .user-status, .status {
+    .status {
+      display: flex;
       unicode-bidi: plaintext;
     }
+
+    .user-status {
+      unicode-bidi: plaintext;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
+      @media (min-width: 1275px) {
+        #Main.right-column-open & {
+          max-width: calc(100% - var(--right-column-width));
+        }
+      }
+    }
   }
 
   .Avatar {