Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

compose: Adjust alignment and size of Drafts button at smaller widths. 

The padding on the sides of the Drafts button is reduced from 5 to 3px
at smaller width, so that it's not right up against the textareas when
hovered.

The text is also aligned to the Send button's edge, like at larger
widths.
This commit is contained in:
N-Shar-ma 2024-04-01 22:21:54 +05:30 committed by Karl Stolley
parent 0b589ac70d
commit 13df423ae1
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/compose.css
View File

@ -1333,13 +1333,13 @@ textarea.new_message_textarea,
}
@media (width < $mc_min) {
margin-left: 0;
/* With no negative left margin,
hold the max width to 100%. */
max-width: 100%;
/* Reduce the padding on the sides so the
button's edge isn't too close to the textarea */
margin-left: -3px;
max-width: calc(100% + 3px);
/* Align the `Drafts` text with the
send icon below. */
padding: 0 5px;
padding: 0 3px;
}
}