From 75cdab4b7bc3bea7a11cff2d76c55ccab89d3b27 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Fri, 3 Aug 2018 21:57:02 +0100
Subject: [PATCH] Restore breadcrumbs

---
 static/src/scss/style.scss              | 1 -
 templates/common/breadcrumbs/index.html | 5 +++++
 templates/common/breadcrumbs/item.html  | 7 +++++++
 templates/common/content.html           | 1 +
 4 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 templates/common/breadcrumbs/index.html
 create mode 100644 templates/common/breadcrumbs/item.html

diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 89d931e..4b2a33f 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -242,7 +242,6 @@ p, li, h1, h2, h3, h4, h5, h6 {
   font-size: $spacer * 0.9;
 
   .breadcrumb-item + .breadcrumb-item::before {
-    padding: 0 0.2rem;
     color: $black;
   }
 }
diff --git a/templates/common/breadcrumbs/index.html b/templates/common/breadcrumbs/index.html
new file mode 100644
index 0000000..e4ce058
--- /dev/null
+++ b/templates/common/breadcrumbs/index.html
@@ -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>
diff --git a/templates/common/breadcrumbs/item.html b/templates/common/breadcrumbs/item.html
new file mode 100644
index 0000000..4906c9b
--- /dev/null
+++ b/templates/common/breadcrumbs/item.html
@@ -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%}
diff --git a/templates/common/content.html b/templates/common/content.html
index 2fcfc2e..ac4aaa1 100644
--- a/templates/common/content.html
+++ b/templates/common/content.html
@@ -5,6 +5,7 @@
     {% image page.image width-1000 as photo %}
     <div class="mb-3 image header-image" data-image='{{ photo.url }}'></div>
 {% endif %}
+{% include "common/breadcrumbs/index.html" %}
 <h1 class="display-5">{{ page.title }}</h1>
 <h5 class="my-3">Subtitle</h5>
 <p>{% include "common/content-details.html" with page=page %}</p>