[MM-50324]: Increased nickname length from 22 to 64 (#22670)

webapp/channels/src/sass/components/_suggestion-list.scss

@@ -204,6 +204,7 @@
         white-space: nowrap;
 
         .suggestion-list__main {
+            display: flex;
             overflow: hidden;
             width: 100%;
             color: rgba(var(--center-channel-color-rgb), 1);
@@ -225,7 +226,11 @@
 
         .suggestion-list__main {
             width: unset;
-            max-width: 70%;
+
+            > span:first-child {
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
         }
 
         .badge {

webapp/channels/src/sass/layout/_headers.scss

@@ -555,6 +555,7 @@
         padding: 10px 15px;
         background: $bg--gray;
         border-radius: 3px;
+        word-break: break-word;
     }
 }
 

webapp/channels/src/sass/utils/_flex.scss

@@ -18,6 +18,10 @@
     -ms-flex-preferred-size: 0;
 }
 
+.flex-auto {
+    flex: 0 0 auto;
+}
+
 .flex-wrap {
     flex-wrap: wrap;
 }