Skip to content

Commit ebe4390

Browse files
authored
[CLNP-6496] Support multiline ellipsis of quoted message (#1326)
### Ticket [CLNP-6496](https://sendbird.atlassian.net/browse/CLNP-6496) ### Changelog * Support multiline ellipsis of quoted message. * Not all browser supports the added css properties. We try to show ellipsis, but if the environment doesn't support it, we maintain the previous behavior. * I expect those properties will be ignored on the unsupported browser. AFAIK, firefox is the only major browser doesn't support the properties. ### Screenshot #### Before ![스크린샷 2025-04-08 오후 4 35 06](https://github.com/user-attachments/assets/2a41673f-5d60-4b04-8195-1e560f43211b) #### After ![스크린샷 2025-04-08 오후 4 34 42](https://github.com/user-attachments/assets/184cd10b-5d53-42a3-9865-f8f442e55d42) [CLNP-6496]: https://sendbird.atlassian.net/browse/CLNP-6496?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
1 parent 7f93a07 commit ebe4390

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/ui/QuoteMessage/index.scss

+7
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,13 @@
8383
max-height: 30px;
8484
overflow: hidden;
8585
text-overflow: ellipsis;
86+
87+
/* Below code is for multiline ellipsis.
88+
* These properties are not compatible with some browsers, and will be ignored on the unsupported browser.
89+
*/
90+
display: -webkit-box;
91+
-webkit-box-orient: vertical;
92+
-webkit-line-clamp: 2;
8693
}
8794
}
8895

0 commit comments

Comments
 (0)