From 2123d49a2895b970d90603560bb9cb187afcdf8a Mon Sep 17 00:00:00 2001
From: hom3mad3 <8156337+hom3mad3@users.noreply.github.com>
Date: Wed, 12 Jun 2024 14:11:19 +0200
Subject: [PATCH] update paragraph_detail.html

---
 changelog/_8162.md                            |  2 +-
 .../paragraph_detail.html                     | 21 ++++++++++---------
 .../scss/styles_user_facing/_utility.scss     | 10 +++++++++
 3 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/changelog/_8162.md b/changelog/_8162.md
index 163e54efe6..7f671e8235 100644
--- a/changelog/_8162.md
+++ b/changelog/_8162.md
@@ -1,5 +1,5 @@
 ### Changed
 
-- adapted `chapter_detail.html` to redesign
+- adapted `chapter_detail.html` and `paragraph_detail.html` to redesign
 - simplified `nextprev.html`
 - deleted `document.scss` as styles not needed anymore
\ No newline at end of file
diff --git a/meinberlin/apps/documents/templates/meinberlin_documents/paragraph_detail.html b/meinberlin/apps/documents/templates/meinberlin_documents/paragraph_detail.html
index 884b037a7a..430762bc31 100644
--- a/meinberlin/apps/documents/templates/meinberlin_documents/paragraph_detail.html
+++ b/meinberlin/apps/documents/templates/meinberlin_documents/paragraph_detail.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% load i18n react_comments_async react_ratings wagtailcore_tags meinberlin_project_tags %}
 
-{% block title %}{{ paragraph.name }} &mdash; {{ paragraph.chapter.project.name }} &mdash; {{ block.super }}{% endblock %}
+{% block title %}{{ paragraph.name }} — {{ paragraph.chapter.project.name }} — {{ block.super }}{% endblock title %}
 
 {% block breadcrumbs %}
     <div id="content-header">
@@ -12,27 +12,28 @@
                 <li><a href="{% url 'meinberlin_plans:plan-list' %}">{% translate 'Project Overview' %}</a></li>
                 <li><a href="{{ project.get_absolute_url }}">{{ project.name|truncatechars:50 }}</a></li>
                 <!-- FIXME this doesn't work, it doesn't know it's in a cluster -->
-                {% if module.is_in_module_cluster  %}
+                {% if module.is_in_module_cluster %}
                     <li><a href="{{ chapter.get_absolute_url }}">{{ chapter.name|truncatechars:50 }}</a></li>
                 {% endif %}
                 <li class="active" aria-current="page">{{ paragraph.name|truncatechars:50 }}</li>
             </ol>
         </nav>
     </div>
-{% endblock %}
+{% endblock breadcrumbs %}
 
 {% block content %}
 <div id="layout-grid__area--maincontent">
-    <!-- FIXME left in as template tag maybe useful, to be removed before release if not -->
-    <!-- <nav class="breadcrumbs" aria-label="{% translate 'breadcrumbs' %}">
-        <ul>
+
+    <nav>
+        <ul class="u-list-reset">
             <li>
                 <a href="{{ paragraph.chapter.get_absolute_url }}">
-                    <i class="fa fa-arrow-left" aria-hidden="true"></i>
-                    {% translate 'back to chapter' %}</a>
+                    <i class="fa fa-arrow-left icon--color-link" aria-hidden="true"></i>
+                    {% translate 'Back to chapter' %}
+                </a>
             </li>
         </ul>
-    </nav> -->
+    </nav> 
 
     <article class="item-detail">
         <h1 class="item-detail__title">
@@ -45,4 +46,4 @@ <h1 class="item-detail__title">
 
     {% react_comments_async paragraph %}
 </div>
-{% endblock %}
+{% endblock content %}
diff --git a/meinberlin/assets/scss/styles_user_facing/_utility.scss b/meinberlin/assets/scss/styles_user_facing/_utility.scss
index 43a94c4133..a18479e08e 100644
--- a/meinberlin/assets/scss/styles_user_facing/_utility.scss
+++ b/meinberlin/assets/scss/styles_user_facing/_utility.scss
@@ -48,4 +48,14 @@
 .u-flex-end {
     display: flex;
     justify-content: flex-end;
+}
+
+.u-list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    > * {
+        display: block;
+    }
 }
\ No newline at end of file