Ajout de la pagination pour les dossiers

themes/42/assets/css/hero-page.css

@@ -3,13 +3,6 @@ header#hero-page {
     gap: var(--gap-hero-page);
     flex-direction: column;
 
-    .sup-title {
-        text-align: center;
-        font-variant: small-caps;
-        text-shadow: var(--shadow-text);
-        color: var(--color-site-title);
-    }
-
     h1 {
         text-align: center;
         font-size: 1.25em;
@@ -21,6 +14,13 @@ header#hero-page {
     }
 }
 
+.sup-title {
+    text-align: center;
+    font-variant: small-caps;
+    text-shadow: var(--shadow-text);
+    color: var(--color-site-title);
+}
+
 @media (min-width: 460px) {
     header#hero-page {
         h1 {

themes/42/assets/css/pagination.css

@@ -19,15 +19,16 @@
 
         ul {
             position: absolute;
+            top: 100%;
+            left: 50%;
+            transform: translateX(-50%);
             display: flex;
             flex-direction: column;
             gap: var(--gap-half);
             overflow: auto;
             max-height: 50vh;
-            min-width: 300px;
+            width: max-content;
-            width: auto;
+            max-width: calc(100vw - (2 * var(--padding)));
-            left: 50%;
-            margin-left: -150px;
             padding: var(--padding);
             list-style: none;
             border-radius: var(--radius-pagination);
@@ -55,4 +56,4 @@
             color: var(--color-text-muted);
         }
     }
-}
+}

themes/42/layouts/_partials/dossier-summary.html

@@ -22,7 +22,7 @@
 {{- end -}}
 <nav class="pagination" aria-label="Sommaire du dossier">
     {{- if ge $index 1 }}
-    <a class="prev" href="{{ $prev.RelPermalink }}" title="Page précédente">←</a>
+    <a class="prev" href="{{ $prev.RelPermalink }}" title="Page précédente : {{ $prev.Title }}">←</a>
     {{- else }}
     <span class="disabled prev">←</span>
     {{- end }}
@@ -43,7 +43,7 @@
     </details>
 
     {{- if lt (add $index 1) (len $sorted) }}
-    <a class="next" href="{{ $next.RelPermalink }}" title="Page suivante">→</a>
+    <a class="next" href="{{ $next.RelPermalink }}" title="Page suivante : {{ $next.Title }}">→</a>
     {{- else }}
     <span class="disabled next">→</span>
     {{- end }}

themes/42/layouts/page.html

@@ -26,6 +26,12 @@
 
     {{ .Content }}
 
+    <aside>
+      <div class="panel">
+        {{- partial "dossier-summary" . -}}
+      </div>
+    </aside>
+
     {{- partial "asides/keywords.html" . }}
   </article>
 </main>