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

rendered_markdown: Rework CSS for markdown headings. 

Extracted by tabbott from the original pull request, with additional
changes to document the surprising margin-top in our current
implementation and avoid a bit of unnecessary CSS.
This commit is contained in:
nooblag 2021-07-25 19:35:01 +00:00 committed by Tim Abbott
parent 64deaaceb7
commit 18ca7bf7f9
1 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
static/styles/rendered_markdown.css
View File

@ -45,18 +45,47 @@
border-top: 1px solid hsl(0, 0%, 87%);
}
/* Headings: We need to make sure our headings are less prominent than our sender names styling. */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
/* No margin-top is important to make messages that start with a heading
avoid a weird blank area at the top of a message. */
margin-top: 0;
margin-bottom: 5px;
}
/* We use a modest progression of heading sizes to make them stand out
from normal next but avoid taking up too much space. */
h1 {
font-size: 1.4em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
text-decoration: underline;
}
h6 {
font-size: 1em;
font-weight: normal;
text-decoration: underline;
}