From 9a35c27e4f62163dfd55a65dc47408e6088ed2c6 Mon Sep 17 00:00:00 2001 From: fahadNoufal Date: Tue, 31 Jan 2023 10:43:40 +0530 Subject: [PATCH 1/2] resolved emoji description text overflowing issue --- res/css/views/emojipicker/_EmojiPicker.pcss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/res/css/views/emojipicker/_EmojiPicker.pcss b/res/css/views/emojipicker/_EmojiPicker.pcss index 4be6a4fa690..84e742be705 100644 --- a/res/css/views/emojipicker/_EmojiPicker.pcss +++ b/res/css/views/emojipicker/_EmojiPicker.pcss @@ -224,6 +224,9 @@ limitations under the License. .mx_EmojiPicker_preview_text { display: flex; + width: 78%; + padding-top: 1rem; + padding-bottom: 1rem; flex-direction: column; } @@ -233,6 +236,7 @@ limitations under the License. .mx_EmojiPicker_shortcode { color: $light-fg-color; + overflow-wrap: break-word; font-size: $font-14px; &::before, From 112acd6aec25ade98ff1043b6cc1a3c32a92bc7b Mon Sep 17 00:00:00 2001 From: fahadNoufal <102273041+fahadNoufal@users.noreply.github.com> Date: Tue, 31 Jan 2023 21:17:35 +0530 Subject: [PATCH 2/2] Update res/css/views/emojipicker/_EmojiPicker.pcss Co-authored-by: Germain --- res/css/views/emojipicker/_EmojiPicker.pcss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/res/css/views/emojipicker/_EmojiPicker.pcss b/res/css/views/emojipicker/_EmojiPicker.pcss index 84e742be705..c9169dbe7d8 100644 --- a/res/css/views/emojipicker/_EmojiPicker.pcss +++ b/res/css/views/emojipicker/_EmojiPicker.pcss @@ -224,7 +224,8 @@ limitations under the License. .mx_EmojiPicker_preview_text { display: flex; - width: 78%; + flex: 1; + overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; flex-direction: column;