update paragraph_detail.html

liqd · Jun 27, 2024 · 2123d49 · 2123d49
1 parent 711f405
commit 2123d49
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 11 deletions.
diff --git 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
diff --git 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
@@ -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;
+    }
 }