paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 06:53:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Redesign and relocate compose expand / collapse button.

Browse Source 
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.
This commit is contained in:
N-Shar-ma
2024-04-23 04:58:39 +05:30
committed by Tim Abbott
parent 41d790bd08
commit ac3b5b3b04
10 changed files with 106 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/compose_ui.ts
View File

@@ -375,8 +375,6 @@ export function make_compose_box_full_size(): void {
// Set the `top` property of compose-box.
set_compose_box_top(true);
$(".collapse_composebox_button").show();
$(".expand_composebox_button").hide();
$("#scroll-to-bottom-button-container").removeClass("show");
$("textarea#compose-textarea").trigger("focus");
}
@@ -393,8 +391,6 @@ export function make_compose_box_original_size(): void {
// when compose box was made full screen
autosize($("textarea#compose-textarea"));
$(".collapse_composebox_button").hide();
$(".expand_composebox_button").show();
$("textarea#compose-textarea").trigger("focus");
}