From eaf152ceef452e2a00f19fb9b5bca4183b7912f8 Mon Sep 17 00:00:00 2001 From: fahadNoufal <102273041+fahadNoufal@users.noreply.github.com> Date: Tue, 31 Jan 2023 21:58:47 +0530 Subject: [PATCH] resolved emoji description text overflowing issue (#10028) Co-authored-by: Germain Resolves https://github.com/vector-im/element-web/issues/22126 --- res/css/views/emojipicker/_EmojiPicker.pcss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/res/css/views/emojipicker/_EmojiPicker.pcss b/res/css/views/emojipicker/_EmojiPicker.pcss index 4be6a4fa69..c9169dbe7d 100644 --- a/res/css/views/emojipicker/_EmojiPicker.pcss +++ b/res/css/views/emojipicker/_EmojiPicker.pcss @@ -224,6 +224,10 @@ limitations under the License. .mx_EmojiPicker_preview_text { display: flex; + flex: 1; + overflow: hidden; + padding-top: 1rem; + padding-bottom: 1rem; flex-direction: column; } @@ -233,6 +237,7 @@ limitations under the License. .mx_EmojiPicker_shortcode { color: $light-fg-color; + overflow-wrap: break-word; font-size: $font-14px; &::before,