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

Revert "markdown: Fix 3+ digit marker lists retaining alignment for 2 digits." 

This reverts commit d899c03da6 (#25094).
It broke the display of list items with inline formatting.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2023-09-22 14:48:42 -07:00 committed by Anders Kaseorg
parent 2057057be4
commit 21edae876e
1 changed files with 6 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/styles/rendered_markdown.css
View File

@ -23,43 +23,15 @@
margin-left: 0;
}
/* Ensure ordered lists are nicely centered in 1-line messages */
& ol {
margin: 2px 0 5px;
/* Ensure ordered lists are nicely centered in 1-line messages for up to 2
digit markers, else the markers take up as much space as needed without
being cut off at the beginning */
> li {
display: grid;
grid-template-columns:
[marker-start] minmax(20px, max-content)
[marker-end list-item-content-start] minmax(0, 1fr)
[list-item-content-end];
&::before {
content: counter(list-item) ". ";
counter-increment: list-item;
grid-column: marker;
text-align: right;
margin-right: 3px;
}
> * {
grid-column: list-item-content;
}
> p {
margin-top: 0;
}
}
margin: 2px 0 5px 20px;
}
/* Invert direction of text alignment and margin of markers in ordered lists
for proper centering in Right-To-Left languages */
&.rtl ol > li::before {
text-align: left;
margin-left: 3px;
margin-right: unset;
/* Swap the left and right margins of ordered list for Right-To-Left languages */
&.rtl ol {
margin-right: 8px;
margin-left: 0;
}
/* Reduce top-margin when a paragraph is followed by an ordered or bulleted list */