paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 14:35:27 +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%), hsl(0deg 0% 15%),
var(--color-text-default) 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-header-archived: hsl(0deg 0% 50%);
--color-text-message-view-header: light-dark( --color-text-message-view-header: light-dark(
hsl(0deg 0% 20% / 100%), hsl(0deg 0% 20% / 100%),

22
web/styles/rendered_markdown.css
View File

@@ -123,18 +123,24 @@
/* Formatting for blockquotes */ /* Formatting for blockquotes */
& blockquote { & blockquote {
padding-left: 5px; /* This keeps the blockquote text block
margin: 0 0 var(--markdown-interelement-space-px) 10px; aligned with list-item text blocks.
border-left: 5px solid hsl(0deg 0% 87%); 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 { &.rtl blockquote {
padding-left: unset; /* 12.4px at 16px/1em */
padding-right: 5px; padding: 0 0.775em 0 0;
margin-left: unset; /* 3.5px at 16px/1em */
margin-right: 10px; margin: 0 0.2188em var(--markdown-interelement-space-px) 0;
border-left: unset; border-left: unset;
border-right: 5px solid hsl(0deg 0% 87%); border-right: 4px solid hsl(0deg 0% 65%);
} }
/* Formatting for Markdown tables */ /* Formatting for Markdown tables */