Ajustement de l'apparence des taxonomies en aside

themes/42/assets/css/article-body.css

@@ -5,11 +5,6 @@ article.article-body {
     padding: var(--padding) 0;
     font-size: 1.5rem;
 
-    aside {
-        margin: var(--margin);
-        font-size: 1.2rem;
-    }
-
     .stat {
         max-width: var(--width-content-max);
         margin: var(--margin) auto;
@@ -61,8 +56,7 @@ article.article-body {
             font-variant: small-caps;
             color: var(--color-site-title);
             text-shadow: var(--shadow-text);
-            display: block;
-            cursor: help;
+            cursor: pointer;
         }
 
         summary~* {

themes/42/assets/css/aside.css

@@ -0,0 +1,21 @@
+aside {
+    margin: var(--margin) auto;
+    max-width: var(--width-content-max);
+    width: 100%;
+    background: var(--background-panel);
+    font-size: 1.2rem;
+
+    >details {
+        summary {
+            cursor: pointer;
+        }
+
+        summary~* {
+            padding-top: var(--padding);
+        }
+
+        >section {
+            margin: var(--margin-half);
+        }
+    }
+}

themes/42/assets/css/index.css

@@ -26,3 +26,4 @@
 @import "table-of-contents.css";
 @import "a.css";
 @import "keywords.css";
+@import "aside.css";

themes/42/assets/css/keywords.css

@@ -1,5 +1,5 @@
 ul.keywords {
-    margin: var(--margin) auto;
+    margin: var(--margin-half) auto;
     padding-left: 0;
     line-height: 150%;
     display: flex;

themes/42/layouts/_partials/asides/keywords.html

@@ -12,7 +12,9 @@
   {{- end -}}
 {{- end -}}
 {{- if gt ($scratch.Get "blocks") 0 }}
-<aside>
+<aside class="panel">
+  <details>
+    <summary>Taxonomies</summary>
   {{- range $taxonomy, $_ := $ctx.Site.Taxonomies -}}
     {{- with $ctx.Page.GetTerms $taxonomy }}
     <section>
@@ -29,5 +31,6 @@
     </section>
     {{- end }}
   {{- end }}
+  </details>
 </aside>
 {{- end }}

themes/42/layouts/taxonomy.html

@@ -1,7 +1,11 @@
 {{ define "main" }}
 {{ partial "hero-section.html" . }}
 <main>
-  {{ .Content }}
+  {{ with .Content }}
+  <article class="article-body">
+  {{ . }}
+  </article>
+  {{ end }}
 
   {{- with .Pages }}
     {{- partial "keywords.html" (.ByTitle) }}