feature-requests icon indicating copy to clipboard operation
feature-requests copied to clipboard

Display quoted message above the user message

Open Otiel opened this issue 7 years ago • 40 comments

When quoting a message using the "Quote" or "Reply" action, I think it would be better if the quoted message appeared above the user message, not below as it is done currently:

image

This was already asked here, I'm creating this issue to trace this more easily.

Otiel avatar Feb 21 '18 10:02 Otiel

I think the current quote and reply message structure is likely to be confusing.

It would be better to show:

  1. Quote
  2. Reply

ugzv avatar Oct 01 '18 14:10 ugzv

It would be nice to have it configurable this behaviour.

yenda23 avatar Jan 25 '19 08:01 yenda23

Configurable might be harder to implement, and this feature was requested more than 1 year ago.

Is there any reason why someone would want to see the replied message after the reply?

jpenna avatar Mar 15 '19 07:03 jpenna

I agree with this request. Reading the quote after the reply is confusing. It's much more readable to see something like:

Question or quoted message

Answer/reply

Configurable would be nice but I imagine the majority of people would would prefer to see the quote below the reply so I would say implement the hard-coded behavior and if it's requested to have it configurable, add another feature request specifically for that.

mmickelson avatar Mar 28 '19 16:03 mmickelson

I agree with this request. It will be so nice to add the optional choice of displaying quotes in the Telegram and WhatsApp style (quoted text above, answer below) and in the Rocket.Chat style (where the answer is located to above, and the quoted message is lower than the answer).

ankar84 avatar Oct 21 '19 09:10 ankar84

Bump :)

zedar187 avatar Apr 20 '20 09:04 zedar187

From me too. Please implement.

infused-kim avatar May 08 '20 07:05 infused-kim

Please implement

neomag avatar Oct 16 '20 08:10 neomag

Indeed it's a weird pattern, it should at least be configurable imo.

Upvoted.

prigal avatar Nov 06 '20 12:11 prigal

Please implement "Reply below" or "Quoted message above reply". Very Nice To Have

Upvoted (with "thumbs up")

svedrenne avatar Nov 20 '20 15:11 svedrenne

thanks for a great platform! adding support for this request.

kyletmiller avatar Jan 29 '21 04:01 kyletmiller

@rodrigok Hello, Rodrigo! Please take a look at that feature request. A lot of users asked for it more then 2 years now.

ankar84 avatar Jan 29 '21 05:01 ankar84

Like it is now I sometimes see that there is a quote only after I read the reply. Much better to display the quote first.

jaykobi avatar Apr 07 '21 12:04 jaykobi

Does anyone comprehend the logic behind "quote after reply" and can explain it? Maybe we are all just using RC the wrong way.

helgator avatar Apr 29 '21 22:04 helgator

@helgator no, it's wrong, we are refactoring the messages and it will be fixed. It was made like that because we used the attachments component to display the content, and attachments were only available below the message.

rodrigok avatar Apr 29 '21 22:04 rodrigok

we are refactoring the messages and it will be fixed

Really glad to hear that! Thank you for that work!

ankar84 avatar Apr 30 '21 01:04 ankar84

Just to bump it again: Any news on this? Any workaround to get this behavior changed before it get implemented?

tmkis2 avatar Oct 12 '21 09:10 tmkis2

@ggazzo we should add this as part of the message refactoring into react.

engelgabriel avatar Oct 13 '21 15:10 engelgabriel

I've got many complains from users about current style of quoting :(

prayingmantis1979 avatar Oct 14 '21 09:10 prayingmantis1979

If this is touched, I'd also love to see the original message truncated to e.g. a maximum of two lines. Right now, the message flow is sometimes completely disrupted when long messages are quoted. Please have a look at how Telegram Messenger is doing this. IMHO they have the best UI for replies, I use it a lot and I never have trouble.

Feuermurmel avatar Nov 25 '21 10:11 Feuermurmel

Would it be possible to temporarily add an additional CSS class to the message component for quotes until the message component is refactored? This would allow admins to place quotes above the messages with custom CSS, e.g. with flex, and would allow excluding file attachments from the custom CSS. At the moment we are using the following custom CSS, which messes up the display position of the username (below file attachments and quotes):

.message {
  display: flex;
  flex-direction: column;
}

.message > * {
 order: 1; 
}

.message > div:not([class]) {
  order: 0;
}

Not optimal, but still an improvement for readability in my opinion.

MrVonkey avatar Mar 02 '22 13:03 MrVonkey

Since beginning of April 2022, I started using RocketChat. I was very confused by quoted messages below the answer. I also vote to change this. The reading direction (flow of chat) is top to bottom, so should be the quote-answer direction.

skjardenCode avatar May 05 '22 07:05 skjardenCode

Great news - https://github.com/RocketChat/Rocket.Chat.ReactNative/pull/3883 introduces proper direction of quotes on mobile! Kudos to mobile team! Still waiting for Web client implementation...

ankar84 avatar May 24 '22 09:05 ankar84

C'mon guys, this is something really annoying in the rocket.chat interface. It confuses people and gets in the way of the natural flow of conversations. It's been too many years. This should be prioritized over other less useful features, as it is a daily problem that our online communities face. Thanks.

EdSantos754 avatar Jul 04 '22 18:07 EdSantos754

C'mon guys, this is something really annoying in the rocket.chat interface. It confuses people and gets in the way of the natural flow of conversations. It's been too many years. This should be prioritized over other less useful features, as it is a daily problem that our online communities face. Thanks.

Yes absolutely, this should be prioritized. Unfortunately I couldn't find anything concerning this in the changelog for the 5.0.0 release candidate. Maybe I missed something, since there are several issues/requests related to this?

MrVonkey avatar Jul 04 '22 19:07 MrVonkey

Since version 5.0.0 there are more possibilities to customize the layout of the message component. You can try the following custom CSS in Settings > Layout to place the username / message header above the quoted message block and everything else below the quoted message block:

.rcx-message-container > div {
 order: 2; 
}

.rcx-message-container > div.rcx-message-header {
  order: 0;
}

.rcx-message-container > div.rcx-attachment__content {
  order: 1;
}

MrVonkey avatar Jul 27 '22 15:07 MrVonkey

@ggazzo can we do that with the new message parser?

engelgabriel avatar Oct 19 '22 17:10 engelgabriel

it's not a message parser issue, it's a design definition, which can be changed if it makes sense

ggazzo avatar Oct 19 '22 18:10 ggazzo

@engelgabriel @ggazzo it definitely make sense!! All that issue with many comments and reactions a good illustration of fact, community need that important improvement a lot!

ankar84 avatar Oct 20 '22 10:10 ankar84

@ggazzo can you link the PR that fixed this here?

engelgabriel avatar Dec 21 '22 17:12 engelgabriel