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

user docs: Modify sidebar and index page styling.

This commit is contained in:
Cynthia Lin 2017-08-20 22:27:42 -07:00 committed by showell
parent eddf3a722a
commit b7fb86b9ea
2 changed files with 20 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
static/styles/portico.css
View File

@ -146,11 +146,19 @@ body {
.help .sidebar h2 { .help .sidebar h2 {
font-size: 1.2em; font-size: 1.2em;
font-weight: 400; font-weight: 400;
margin-bottom: 0px; margin-bottom: 5px;
line-height: 100%; line-height: 105%;
cursor: pointer; cursor: pointer;
} }
.help .sidebar h1 {
font-size: 1.25em;
}
.help .sidebar h1:not(:first-of-type) {
margin-top: 20px;
}
.help .sidebar.slide h2::before { .help .sidebar.slide h2::before {
display: inline-block; display: inline-block;
font: normal normal normal 14px/1 FontAwesome; font: normal normal normal 14px/1 FontAwesome;
@ -165,34 +173,8 @@ body {
opacity: 0.5; opacity: 0.5;
} }
.help .sidebar h2.no-arrow::before {
content: "";
}
.help .sidebar.slide h2.no-arrow {
margin-left: 12px;
}
.help .sidebar:not(.slide) h2 {
margin-left: 0px;
}
.help .sidebar h2.no-arrow a {
color: inherit;
}
.help .sidebar h3 {
font-size: 1em;
font-weight: 400;
text-transform: uppercase;
color: #badcd6;
line-height: 1;
margin: 10px 0 5px 10px;
}
.help .sidebar ul { .help .sidebar ul {
margin: 10px 0px 10px 12px; margin: 5px 0px 10px 12px;
} }
.help .sidebar.slide ul { .help .sidebar.slide ul {
@ -1560,6 +1542,14 @@ input.new-organization-button {
margin-bottom: 15px; margin-bottom: 15px;
} }
.markdown h1#using-zulip,
.markdown h1#zulip-administration {
font-size: 1.75em;
padding: 10px 0;
margin-bottom: 0px;
line-height: 100%;
}
.markdown h2, .markdown h2,
.why-page h2 { .why-page h2 {
font-size: 1.4em; font-size: 1.4em;

2
templates/zerver/help/main.html
View File

@ -5,7 +5,7 @@
{% block portico_content %} {% block portico_content %}
<div class="app help terms-page inline-block"> <div class="app help terms-page inline-block">
<div class="sidebar slide"> <div class="sidebar slide">
<h1 class="no-arrow"><a href="/help/" class="no-underline">Index</a></h1> <h1><a href="/help/" class="no-underline">Index</a></h1>
{{ render_markdown_path("zerver/help/include/sidebar.md") }} {{ render_markdown_path("zerver/help/include/sidebar.md") }}
</div> </div>