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

compose_box: Scale send buttons with info density. 

Because the formatting buttons are integrated with the message box,
the send button and its accompanying vdots now share the same
button dimensions.
This commit is contained in:
Karl Stolley 2024-07-01 15:34:08 -05:00 committed by Tim Abbott
parent 7b5f0e4d89
commit c76fc2e942
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/compose.css
View File

@ -966,7 +966,7 @@ textarea.new_message_textarea {
#compose-send-button {
width: 74px;
height: 28px;
height: var(--compose-formatting-buttons-row-height);
/* Allow to grow but not shrink */
flex: 1 0 auto;
/* Override inherited styles
@ -1364,9 +1364,7 @@ textarea.new_message_textarea {
width: 40px;
/* Allow to grow but not shrink */
flex: 1 0 auto;
/* TODO: Set this as a variable shared with
the send button. */
height: 28px;
height: var(--compose-formatting-buttons-row-height);
/* Make the vdots appear to extend from
beneath the send button when an
interactive background is present.
@ -1408,7 +1406,8 @@ textarea.new_message_textarea {
.zulip-icon {
padding: 5px 0 5px 4px;
font-size: 17px;
/* 17px at 14px/1em */
font-size: 1.2143em;
flex-grow: 1;
@media (width < $sm_min) {