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

markdown: Restyle block quotes to spec.

Browse Source
This commit is contained in:
Karl Stolley
2025-04-30 15:47:40 -05:00
committed by Tim Abbott
parent 8419bc3fb8
commit a576ae9fb8
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/app_variables.css
View File

@@ -1297,6 +1297,10 @@
hsl(0deg 0% 15%),
var(--color-text-default)
);
--color-text-message-blockquote-border: light-dark(
hsl(0deg 0% 15% / 25%),
hsl(0deg 0% 87% / 40%)
);
--color-text-message-header-archived: hsl(0deg 0% 50%);
--color-text-message-view-header: light-dark(
hsl(0deg 0% 20% / 100%),

22
web/styles/rendered_markdown.css
View File

@@ -123,18 +123,24 @@
/* Formatting for blockquotes */
& blockquote {
padding-left: 5px;
margin: 0 0 var(--markdown-interelement-space-px) 10px;
border-left: 5px solid hsl(0deg 0% 87%);
/* This keeps the blockquote text block
aligned with list-item text blocks.
12.4px at 16px/1em */
padding: 0 0 0 0.775em;
/* We want to keep the border roughly centered
with bullets and single-digit list markers.
3.5px at 16px/1em */
margin: 0 0 var(--markdown-interelement-space-px) 0.2188em;
border-left: 4px solid var(--color-text-message-blockquote-border);
}
&.rtl blockquote {
padding-left: unset;
padding-right: 5px;
margin-left: unset;
margin-right: 10px;
/* 12.4px at 16px/1em */
padding: 0 0.775em 0 0;
/* 3.5px at 16px/1em */
margin: 0 0.2188em var(--markdown-interelement-space-px) 0;
border-left: unset;
border-right: 5px solid hsl(0deg 0% 87%);
border-right: 4px solid hsl(0deg 0% 65%);
}
/* Formatting for Markdown tables */