[IMP] doc: define a layout for 'category index' pages

These pages are not directly accessible through other doc’s pages but
there are still indexed by google.

eg.https://www.odoo.com/documentation/9.0/tutorials.html
This commit is contained in:
Stefano Rigano 2016-08-11 12:25:16 +02:00 committed by Martin Trigaux
parent cb26e149e2
commit a0dd875333
3 changed files with 33 additions and 19 deletions

View File

@ -230,7 +230,7 @@
<main class="container-fluid {{ ' '.join(classes) }}"> <main class="container-fluid {{ ' '.join(classes) }}">
{% if pagename != master_doc %} {% if pagename != master_doc %}
<div class="row"> <div class="row">
{% if 'has-toc' not in meta %} {% if 'has-toc' not in meta and not (pagename in toc) %}
<aside> <aside>
<div class="navbar-aside text-center"> <div class="navbar-aside text-center">
{{ toc }} {{ toc }}
@ -242,7 +242,7 @@
</div> </div>
</aside> </aside>
{% endif %} {% endif %}
<article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}"> <article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}{% if pagename in toc%}index-category{% endif %}">
{% endif %} {% endif %}
{% block body %} {% endblock %} {% block body %} {% endblock %}
{% if pagename != master_doc %}</article> {% if pagename != master_doc %}</article>
@ -313,8 +313,6 @@
<li><a href="http://www.odoo.com/blog/6">Customers</a></li> <li><a href="http://www.odoo.com/blog/6">Customers</a></li>
<li class="divider" /> <li class="divider" />
<li><a href="http://www.odoo.com/jobs">Jobs</a></li> <li><a href="http://www.odoo.com/jobs">Jobs</a></li>
<li class="divider"/>
<li><a href="/page/legal">Legal Info</a></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -9473,18 +9473,18 @@ h6,
line-height: 1.4; line-height: 1.4;
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.has_code_col h1, .has_code_col .doc-aside h1,
.has_code_col h2, .has_code_col .doc-aside h2,
.has_code_col h3, .has_code_col .doc-aside h3,
.has_code_col h4, .has_code_col .doc-aside h4,
.has_code_col h5, .has_code_col .doc-aside h5,
.has_code_col h6, .has_code_col .doc-aside h6,
.has_code_col .h1, .has_code_col .doc-aside .h1,
.has_code_col .h2, .has_code_col .doc-aside .h2,
.has_code_col .h3, .has_code_col .doc-aside .h3,
.has_code_col .h4, .has_code_col .doc-aside .h4,
.has_code_col .h5, .has_code_col .doc-aside .h5,
.has_code_col .h6 { .has_code_col .doc-aside .h6 {
color: white; color: white;
} }
} }
@ -11928,7 +11928,7 @@ main.index.animating .card {
font-size: 65%; font-size: 65%;
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.has_code_col .card.top .container h1 { .has_code_col .doc-aside .card.top .container h1 {
color: white; color: white;
} }
} }
@ -11969,7 +11969,7 @@ main.index.animating .card {
} }
} }
@media screen and (min-width: 768px) and (min-width: 1200px) { @media screen and (min-width: 768px) and (min-width: 1200px) {
.has_code_col .card.top .container h1 { .has_code_col .doc-aside .card.top .container h1 {
color: white; color: white;
} }
} }
@ -12010,7 +12010,7 @@ main.index.animating .card {
font-size: 65%; font-size: 65%;
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.has_code_col .toctree-wrapper > ul > li.toctree-l1 > span { .has_code_col .doc-aside .toctree-wrapper > ul > li.toctree-l1 > span {
color: white; color: white;
} }
} }
@ -12353,6 +12353,13 @@ article.doc-body section.doc-content:first-of-type > p:first-child {
font-size: 22.5px; font-size: 22.5px;
} }
} }
article.doc-body.index-category {
min-height: 300px;
min-height: 30vh;
}
article.doc-body.index-category li.toctree-l1 {
padding: 5px 0;
}
.content-switcher { .content-switcher {
margin-top: 1.5em; margin-top: 1.5em;
} }

View File

@ -742,6 +742,15 @@ article.doc-body {
.lead; .lead;
} }
} }
&.index-category {
min-height: 300px;
min-height: 30vh;
li.toctree-l1 {
padding: 5px 0;
}
}
} }
.content-switcher { .content-switcher {