Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Omnichannel transfer comment is not wrapped to multiple lines #26723

Open
krenuser opened this issue Aug 29, 2022 · 11 comments · May be fixed by #27080
Open

Omnichannel transfer comment is not wrapped to multiple lines #26723

krenuser opened this issue Aug 29, 2022 · 11 comments · May be fixed by #27080
Labels
contrib: good first issue Issues that you can solve to start contributing :) hacktoberfest squad: omnichannel ui/ux

Comments

@krenuser
Copy link

krenuser commented Aug 29, 2022

Description:

When transferring omnichannel conversation to another agent with a comment, text is not wrapping to new line, going out of the line with "...".

Steps to reproduce:

  1. Agent A: Receive omnichannel conversation.
  2. Transfer it to agent B, leaving long text comment.
  3. See on agent B's chat non-wrapped text (rest of it is not visible).

Expected behavior:

Transfer comment text is wrapped to multiple lines if needed.

Actual behavior:

Transfer comment text is rendered in a single line, which is hidden behind the end of the line.

image

Server Setup Information:

  • Version of Rocket.Chat Server: 5.0.4
  • Operating System: Ubuntu 20.04
  • Deployment Method: docker
  • Number of Running Instances: 1
  • DB Replicaset Oplog: Enabled
  • NodeJS Version: v14.19.3
  • MongoDB Version: 5.0.11 / wiredTiger

Client Setup Information

  • Desktop App or Browser Version: Desktop 3.8.7
  • Operating System: Windows 10

Additional context

Relevant logs:

@dudanogueira dudanogueira added contrib: good first issue Issues that you can solve to start contributing :) ui/ux labels Aug 31, 2022
@dudanogueira
Copy link
Contributor

dudanogueira commented Aug 31, 2022

Hi! Nice catch :)

As a dirty workaround, while we work on fixing this .... 🙈
you can add this at ADMIN > GENERAL > LAYOUT > CUSTOM CSS:

div.rcx-message-system__body{
  white-space: pre-wrap !important;
}

It may affect other elements around, but at least will make the comments readable.

Thanks for pointing out. We really appreciate it.

@vorbrodt
Copy link

vorbrodt commented Sep 7, 2022

Is this being worked on? Otherwise, I would like to be assigned to it.

@sandeep13122002
Copy link

is anyone working on this issue?

@dudanogueira
Copy link
Contributor

@vorbrodt and @sandeep13122002, thanks for the interest!!

Please, instead of asking if there is anyone already working on the issue, you can go ahead and fix it.

If you have any doubts about how to achieve that, you ask at https://open.rocket.chat/channel/hacktoberfest

Thanks!

@nishant23122000
Copy link
Contributor

Hui @dudanogueira Can you please go through this PR RocketChat/fuselage#891 (comment) and put your thoughts? Thanks

@dudanogueira
Copy link
Contributor

Hui @dudanogueira Can you please go through this PR RocketChat/fuselage#891 (comment) and put your thoughts? Thanks

Hi @nishant23122000 sorry for the delay here.

Added there my 2 cents

@coderboy-yash
Copy link

Hi, @dudanogueira is this issue still open I want to work on this issue.
Can you please assign this to me?

@adityamaliyan
Copy link

working on it :)

@harshp0205
Copy link

Hi, @dudanogueira is the issue still open?

@vaishnavi192
Copy link

there is already one PR so is this issue open or not?

@Gokulsankar-21
Copy link

i would like work on this issue. is this issue still open or not? @krenuser

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
contrib: good first issue Issues that you can solve to start contributing :) hacktoberfest squad: omnichannel ui/ux
Projects
None yet
Development

Successfully merging a pull request may close this issue.