paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +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 */ /* Main geometry for this element is in zulip.css */
#compose-content { #compose-content {
background-color: var(--color-compose-box-background); background-color: var(--color-compose-box-background);
padding: 7px 7px 8px; padding: 4px 4px 6px;
border: 1px solid var(--color-border-compose-content); border: 1px solid var(--color-border-compose-content);
border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0;
box-shadow: 0 0 0 hsl(236deg 11% 28%); box-shadow: 0 0 0 hsl(236deg 11% 28%);
@@ -196,8 +196,8 @@
max-height: min(25vh, 240px); max-height: min(25vh, 240px);
overflow-y: auto; overflow-y: auto;
/* Align to compose controls; that's 112px width, /* Align to compose controls; that's 112px width,
plus 6px of grid gap for 118px here. */ plus 4px of grid gap for 116px here. */
margin-right: calc(var(--compose-send-controls-width) + 6px); margin-right: calc(var(--compose-send-controls-width) + 4px);
} }
} }
@@ -320,7 +320,7 @@
grid-template-areas: grid-template-areas:
"message-content-container message-send-controls-container" "message-content-container message-send-controls-container"
"message-formatting-controls-container message-send-controls-container"; "message-formatting-controls-container message-send-controls-container";
gap: 0 6px; gap: 0 4px;
} }
.message_content { .message_content {
@@ -644,11 +644,11 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
/* Matched to 6px grid-gap on .messagebox grid. */ /* Matched to 4px grid-gap on .messagebox grid. */
padding-bottom: 6px; padding-bottom: 4px;
/* Align to compose controls; that's 112px width, /* Align to compose controls; that's 112px width,
plus 6px of grid gap for 118px here. */ plus 4px of grid gap for 116px here. */
margin-right: calc(var(--compose-send-controls-width) + 6px); margin-right: calc(var(--compose-send-controls-width) + 4px);
} }
#compose_close { #compose_close {
@@ -692,7 +692,9 @@
} }
.main-view-banner { .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-radius: 5px;
border: 1px solid; border: 1px solid;
display: flex; display: flex;