UI redesign: more-less message interaction.

This commit encompasses the following changes:
* Replace the [More...] link with a button titled "Show more".
* Replace the [Show Less...] link with a button titled "Show less".
* Add various on-hover interactions to the buttons.
* In the condensed view, add fading to the bottom of the message to
  visually communicate that the message is truncated.
* Update /help/ description.

Fixes #22801.

Co-authored-by: Evy Kassirer <evy.kassirer@gmail.com>
This commit is contained in:
Ishita Gupta
2023-04-08 18:49:10 +05:30
committed by Tim Abbott
parent fe1a2f6f02
commit aa86533f22
7 changed files with 56 additions and 20 deletions

View File

@@ -114,7 +114,7 @@ export function initialize() {
}
// Widget for adjusting the height of a message.
if ($target.is("div.message_length_controller")) {
if ($target.is("button.message_expander") || $target.is("button.message_condenser")) {
return true;
}