Skip to content

Commit

Permalink
fix(chat-bubbles/fonts): Prevent text cutting in user edit state
Browse files Browse the repository at this point in the history
- 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.
  • Loading branch information
itsmartashub committed Sep 25, 2024
1 parent 5f6889c commit 970e86c
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions src/sass/elements/_right--main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit 970e86c

Please sign in to comment.