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

info_density: Extend Markdown-aligned space to message content area.

This commit is contained in:
Karl Stolley 2024-04-26 14:06:04 -05:00 committed by Tim Abbott
parent 4909438f2c
commit 10f0d5dce3
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/app_variables.css
View File

@ -76,6 +76,7 @@
--base-line-height-unitless: 1.214;
--markdown-interelement-space-px: 5px;
--markdown-interelement-doubled-space-px: 10px;
--message-box-markdown-aligned-vertical-space: 5px;
}
/*
@ -87,6 +88,9 @@
/* 6px appears to provide 5px of space between the avatar
and the selected-message outline, which is offset by -1px. */
--message-box-vertical-margin: 6px;
--message-box-markdown-aligned-vertical-space: var(
--markdown-interelement-space-px
);
--message-box-icon-width: 26px;
--message-box-icon-height: 25px;
/* The line-height on the sender line should coordinate with the

13
web/styles/message_row.css
View File

@ -198,10 +198,10 @@
.message_content {
grid-area: message;
/*
Space between two single line messages is 10px, which is maintained
by setting 5px of padding above messages without a sender.
Space between two single line messages is kept in
lockstep with adjacent Markdown elements.
*/
padding: 5px 0 0;
padding: var(--message-box-markdown-aligned-vertical-space) 0 0;
color: var(--color-text-message-default);
font-size: var(--base-font-size-px);
line-height: var(--base-line-height-unitless);
@ -321,9 +321,10 @@
me-messages. */
line-height: var(--base-line-height-unitless);
/* Ensure the same spacing below messages as for any other
paragraph.
TODO: Coordinate this with other info-density variables. */
padding-bottom: 5px;
paragraph. */
padding-bottom: var(
--message-box-markdown-aligned-vertical-space
);
/* Display message components inline, with wrapping white-space,
so the sender name and message display as a continuous line