Files
zulip/help/resize-the-compose-box.md
N-Shar-ma ac3b5b3b04 compose: Redesign and relocate compose expand / collapse button.
The compose expand / collapse button is moved from the top right of the
compose area to the top right corner inside the compose textarea /
preview.

The textarea / preview and the button area shares the same grid parent.
25px extra padding is added to and margin is subtracted from the right
of the element so the button is visually inside it. It appears only on
hovering the compose area, and uses a new custom icon.

Fixes: #28791.
2024-06-11 14:13:10 -07:00

43 lines
1.1 KiB
Markdown

# Resize the compose box
When composing a long message, it can be helpful to expand the compose
box to display more text and avoid distractions. Note that the compose
box also stretches automatically when you type a long message.
## Expand the compose box
{start_tabs}
{!start-composing.md!}
1. Click on the **<i class="zulip-icon zulip-icon-expand-diagonal"></i> icon** in the top
right corner of the compose box, which is visible on hovering over the compose box.
{end_tabs}
## Collapse the compose box
{start_tabs}
1. With the compose box in the expanded state, click on the **<i class="zulip-icon
zulip-icon-collapse-diagonal"></i> icon** in the top right corner of the compose box,
which is visible on hovering over the compose box.
{end_tabs}
## Stretch the compose box
{start_tabs}
{!start-composing.md!}
1. Click and drag the bottom right corner of the compose box.
{end_tabs}
## Related articles
* [Open the compose box](/help/open-the-compose-box)
* [Preview messages before sending](/help/preview-your-message-before-sending)
* [Mastering the compose box](/help/mastering-the-compose-box)