Middle Header: Fix overlapping audio player and user status (#1537)

2021-11-09 17:29:07 +03:00 · 2021-11-09 17:29:07 +03:00 · e1fad28413
commit e1fad28413
parent 39eb9a7c96
1 changed files with 14 additions and 1 deletions
--- 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 {