fix(ThreadListItem): add text overflow for long user names (#306)

arnautov-anton · web-flow · commit f9d7d541d691 · 2024-09-10T18:10:52.000+02:00
### 🎨 UI Changes Before: ![localhost_3000_chat_docs_sdk_react_v11-legacy_](https://github.com/user-attachments/assets/67eb723e-6713-4bb7-a937-cb9c1e994cf3) After: ![localhost_3000_chat_docs_sdk_react_v11-legacy_ (1)](https://github.com/user-attachments/assets/1bf38253-5baa-4b19-81ad-5ab4cd6a7ae3)
diff --git a/src/v2/styles/ThreadList/ThreadList-layout.scss b/src/v2/styles/ThreadList/ThreadList-layout.scss
@@ -100,9 +100,12 @@
     }
 
     .str-chat__thread-list-item__latest-reply-created-by {
-      display: flex;
       font-weight: 500;
       font-size: 16px;
+      text-align: left;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow-x: hidden;
     }
 
     .str-chat__thread-list-item__latest-reply-text-and-timestamp {

Original file line number	Diff line number	Diff line change
`@@ -100,9 +100,12 @@`
`100`	`100`	`}`
`101`	`101`
`102`	`102`	`.str-chat__thread-list-item__latest-reply-created-by {`
`103`		`- display: flex;`
`104`	`103`	`font-weight: 500;`
`105`	`104`	`font-size: 16px;`
	`105`	`+ text-align: left;`
	`106`	`+ text-overflow: ellipsis;`
	`107`	`+ white-space: nowrap;`
	`108`	`+ overflow-x: hidden;`
`106`	`109`	`}`
`107`	`110`
`108`	`111`	`.str-chat__thread-list-item__latest-reply-text-and-timestamp {`