Make info page more "browsable".
This commit is contained in:
parent
2627055077
commit
ee00ae3ee5
|
@ -25,11 +25,17 @@ Info | {{ block.super }}
|
||||||
margin-top: -94px; /*same height as header*/
|
margin-top: -94px; /*same height as header*/
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sticky {
|
||||||
|
position: sticky;
|
||||||
|
top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
{% if categories %}
|
{% if categories %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-3 sticky">
|
||||||
<h3>Table of Contents</h3>
|
<h3>Table of Contents</h3>
|
||||||
<p class="list-group">
|
<p class="list-group">
|
||||||
{% for category in categories %}
|
{% for category in categories %}
|
||||||
|
@ -37,13 +43,10 @@ Info | {{ block.super }}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="col-md-9">
|
||||||
{% for category in categories %}
|
{% for category in categories %}
|
||||||
|
<span class="anchor" id="{{ category.anchor }}"></span>
|
||||||
<span class="anchor" id="{{ category.anchor }}"></span>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h2>{{ category.headline }} {% if category.team %}<small>Info by the {{ category.team.name }} team</small>{% endif %}</h2>
|
<h2>{{ category.headline }} {% if category.team %}<small>Info by the {{ category.team.name }} team</small>{% endif %}</h2>
|
||||||
<div class="panel-group">
|
<div class="panel-group">
|
||||||
{% for item in category.infoitems.all %}
|
{% for item in category.infoitems.all %}
|
||||||
|
@ -69,9 +72,9 @@ Info | {{ block.super }}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<h3>No info found for {{ camp.title }}</h3>
|
<h3>No info found for {{ camp.title }}</h3>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Reference in a new issue