Rename toc-title to side-panel-title

Author: abc013

myhpi/core/templates/core/information_page.html

@@ -16,7 +16,7 @@ <h1 class="page-title">
     <div class="col-lg-3">
         <div class="side-panel-container">
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Last edited" %}</h1>
+                <h1 class="side-panel-title">{% translate "Last edited" %}</h1>
                 {% if not page.last_published_at %}
                     {% translate "A long time ago" %}
                 {% else %}

myhpi/core/templates/core/minutes.html

@@ -15,27 +15,27 @@ <h1>{{  page.title }}</h1>
         </div>
         <div class="col-3 minutes-meta">
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Date" %}</h1>
+                <h1 class="side-panel-title">{% translate "Date" %}</h1>
                 <p>{{ page.date }}</p>
             </aside>
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Moderator" %}</h1>
+                <h1 class="side-panel-title">{% translate "Moderator" %}</h1>
                 <p>{{ page.moderator.get_full_name }}</p>
             </aside>
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Minutes taker" %}</h1>
+                <h1 class="side-panel-title">{% translate "Minutes taker" %}</h1>
                 <p>{{ page.author.get_full_name }}</p>
             </aside>
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Participants" %}</h1>
+                <h1 class="side-panel-title">{% translate "Participants" %}</h1>
                 <ul>
                     {% for participant in page.participants.all %}
                         <li>{{ participant.get_full_name }}</li>
                     {% endfor %}
                 </ul>
             </aside>
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Guests" %}</h1>
+                <h1 class="side-panel-title">{% translate "Guests" %}</h1>
                 {% if page.guests %}
                     <ul>
                     {% for guest in page.guests %}
@@ -47,7 +47,7 @@ <h1 class="toc-title">{% translate "Guests" %}</h1>
                 {% endif %}
             </aside>
             <aside class="side-panel border-accent">
-                <h1 class="toc-title">{% translate "Labels" %}</h1>
+                <h1 class="side-panel-title">{% translate "Labels" %}</h1>
                 {%  if page.labels.all %}
                     <p>{% include "core/label.html" with minutes=page %}</p>
                 {% else %}

myhpi/core/templates/core/sidebar.html

@@ -3,17 +3,17 @@
 
 {% if perms.wagtail.edit_page %}
     <aside class="side-panel border-accent toc-container d-print-none">
-        <h1 class="toc-title">{% translate "Visibility" %}</h1>
+        <h1 class="side-panel-title">{% translate "Visibility" %}</h1>
         {{ page.visible_for.all|join:", " }}
     </aside>
 {% endif %}
 <aside class="side-panel border-accent toc-container d-print-none">
-    <h1 class="toc-title">{% translate "Table of contents" %}</h1>
+    <h1 class="side-panel-title">{% translate "Table of contents" %}</h1>
     {{ parsed_md.1 }}
 </aside>
 {% if page.attachments.all %}
     <aside class="side-panel border-accent toc-container d-print-none">
-        <h1 class="toc-title">{% translate "Attachments" %}</h1>
+        <h1 class="side-panel-title">{% translate "Attachments" %}</h1>
         <ul>
         {% for attachment in page.attachments.all %}
             <li>

myhpi/static/scss/myHPI.scss

@@ -144,26 +144,26 @@ p {
     border-top: solid 2px var(--bs-border);
 }
 
-.toc-container ul {
-    list-style: none;
-    padding: 0;
-}
-
-.toc-container ul li>ul {
-    margin-left: 0.5rem;
-}
-
-.toc-title {
+.side-panel-title {
     font-size: 1.05rem;
     line-height: 1.1;
     font-weight: 600;
 }
 
-h1.toc-title::after {
+h1.side-panel-title::after {
     margin: 0;
     height: 0px;
 }
 
+.toc-container ul {
+    list-style: none;
+    padding: 0;
+}
+
+.toc-container ul li>ul {
+    margin-left: 0.5rem;
+}
+
 .search-result-list {
     list-style: none;
     padding: 0;