From 970e86ca6ba3b387e0035b80f42019db103ba07e Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Wed, 25 Sep 2024 20:21:01 +0200 Subject: [PATCH] fix(chat-bubbles/fonts): Prevent text cutting in user edit state - Applied consistent font-size and line-height styles to the mirror text element in the user edit state of chat messages. - Ensured that the text is fully visible and not cut off during the editing process. Changes summary: - Resolved an issue where text in the user edit state of chat messages was being cut off due to inconsistent styling. Now, the mirror text element matches the styling, preventing text truncation during editing. --- src/sass/elements/_right--main.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/sass/elements/_right--main.scss b/src/sass/elements/_right--main.scss index ab770d6..de0f0cb 100644 --- a/src/sass/elements/_right--main.scss +++ b/src/sass/elements/_right--main.scss @@ -209,6 +209,7 @@ main [role='presentation'] { @extend %animFadeIn; /* Make the text in edit textarea to be the full-width */ + span.invisible, textarea { line-height: calc(var(--lineHeight) / 16) !important; font-size: calc((var(--fontSize) / 16) * 1rem) !important;