paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 05:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Reduce negative space in compose box.

Browse Source
This commit is contained in:
Karl Stolley
2025-05-07 12:34:07 -05:00
committed by Tim Abbott
parent 11de082def
commit 5ca0c39125
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/styles/compose.css
View File

@@ -172,7 +172,7 @@
/* Main geometry for this element is in zulip.css */
#compose-content {
background-color: var(--color-compose-box-background);
padding: 7px 7px 8px;
padding: 4px 4px 6px;
border: 1px solid var(--color-border-compose-content);
border-radius: 9px 9px 0 0;
box-shadow: 0 0 0 hsl(236deg 11% 28%);
@@ -196,8 +196,8 @@
max-height: min(25vh, 240px);
overflow-y: auto;
/* Align to compose controls; that's 112px width,
plus 6px of grid gap for 118px here. */
margin-right: calc(var(--compose-send-controls-width) + 6px);
plus 4px of grid gap for 116px here. */
margin-right: calc(var(--compose-send-controls-width) + 4px);
}
}
@@ -320,7 +320,7 @@
grid-template-areas:
"message-content-container message-send-controls-container"
"message-formatting-controls-container message-send-controls-container";
gap: 0 6px;
gap: 0 4px;
}
.message_content {
@@ -644,11 +644,11 @@
display: flex;
justify-content: space-between;
align-items: flex-start;
/* Matched to 6px grid-gap on .messagebox grid. */
padding-bottom: 6px;
/* Matched to 4px grid-gap on .messagebox grid. */
padding-bottom: 4px;
/* Align to compose controls; that's 112px width,
plus 6px of grid gap for 118px here. */
margin-right: calc(var(--compose-send-controls-width) + 6px);
plus 4px of grid gap for 116px here. */
margin-right: calc(var(--compose-send-controls-width) + 4px);
}
#compose_close {
@@ -692,7 +692,9 @@
}
.main-view-banner {
margin-bottom: 20px;
/* This is same spatial value as the 4px of padding around
the edge of the compose box. */
margin-bottom: 4px;
border-radius: 5px;
border: 1px solid;
display: flex;