Make info page more "browsable".

This commit is contained in:
Víðir Valberg Guðmundsson 2019-07-23 21:43:09 +02:00
parent 2627055077
commit ee00ae3ee5

View file

@ -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 %}