archive/wagtail-website-2018-spike
Archived
1
Fork 0
Code Releases Packages Activity

Restore breadcrumbs

Browse source
This commit is contained in:
Jake Howard 2018-08-03 21:57:02 +01:00
parent 078af3e8f5
commit 75cdab4b7b
Signed by: jake
GPG key ID: 57AFB45680EDD477
4 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
static/src/scss/style.scss
View file

@ -242,7 +242,6 @@ p, li, h1, h2, h3, h4, h5, h6 {
font-size: $spacer * 0.9; font-size: $spacer * 0.9;
.breadcrumb-item + .breadcrumb-item::before { .breadcrumb-item + .breadcrumb-item::before {
padding: 0 0.2rem;
color: $black; color: $black;
} }
} }

5
templates/common/breadcrumbs/index.html Normal file
View file

@ -0,0 +1,5 @@
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
{% include "common/breadcrumbs/item.html" with page=page.get_parent current=current %}
</ol>
</nav>

7
templates/common/breadcrumbs/item.html Normal file
View file

@ -0,0 +1,7 @@
{% if page.get_parent and page.get_parent.url %}
{% include "common/breadcrumbs/item.html" with page=page.get_parent %}
{% endif %}
{% if page.id != current.id %}
<li class="breadcrumb-item"><a href="{{ page.url }}">{{ page.title }}</a></li>
{% endif%}

1
templates/common/content.html
View file

@ -5,6 +5,7 @@
{% image page.image width-1000 as photo %} {% image page.image width-1000 as photo %}
<div class="mb-3 image header-image" data-image='{{ photo.url }}'></div> <div class="mb-3 image header-image" data-image='{{ photo.url }}'></div>
{% endif %} {% endif %}
{% include "common/breadcrumbs/index.html" %}
<h1 class="display-5">{{ page.title }}</h1> <h1 class="display-5">{{ page.title }}</h1>
<h5 class="my-3">Subtitle</h5> <h5 class="my-3">Subtitle</h5>
<p>{% include "common/content-details.html" with page=page %}</p> <p>{% include "common/content-details.html" with page=page %}</p>