ui: Dialog als Pill in die Provenance-Reihe, sticht durch Symbol+Akzent hervor

Dialog-Link in .provenance verschoben: → Dialog · Version · Verlauf · Zitieren
in einer Reihe, gleiche Pill-Form. Dialog (prov-dialog) hebt sich durch Pfeil
+ Akzentfarbe (Rahmen/Text, fett) ab, Hover füllt Akzent. Zähler-Script mit ins
Partial gezogen; alte .dialog-link-Klasse/-CSS entfernt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/css/custom.css

@@ -554,19 +554,21 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
 
 /* ── Dialog ───────────────────────────────────────────────────────────────── */
 /* Link am Ende des Beitrags (der Beitrag selbst bleibt sauber) */
-.dialog-link {
+/* Dialog-Pill in der Provenance-Reihe: gleiche Form wie die anderen, sticht
+   aber durch Pfeil-Symbol + Akzentfarbe (Rahmen/Text) hervor. */
+.prov-dialog {
   display: inline-block;
-  margin-top: var(--spacing-md);
+  font-family: var(--font-family-mono);
-  font-family: var(--font-family-display);
+  font-size: var(--font-size-small);
-  font-weight: 500;
+  font-weight: 600;
-  font-size: 0.82rem;
   color: var(--accent);
   text-decoration: none;
+  background: none;
   border: 1px solid var(--accent);
   border-radius: 999px;
-  padding: 0.28em 0.85em;
+  padding: 0.12em 0.7em;
 }
-.dialog-link:hover { background: var(--accent); color: #fff; }
+.prov-dialog:hover { background: var(--accent); color: #fff; }
 
 /* Eigene Dialog-Seite (/dialog/?thread=…) */
 /* Füllt die normale Inhaltsspalte (kein eigenes max-width/Seiten-Padding → gleiche Breite wie andere Seiten) */

layouts/_default/single.html

@@ -76,25 +76,11 @@
       </ul>
     {{- end }}
 
-    {{/* Herkunft/Zitieren — nur bei Library-Beiträgen (lebendes Dokument). */}}
+    {{/* Herkunft/Zitieren/Dialog — nur bei Library-Beiträgen (lebendes Dokument). */}}
     {{ if eq .Section "library" }}
       {{ partial "provenance.html" . }}
       <script src="/version-history.js"></script>
     {{ end }}
-
-    {{/* Dialog nur bei Artikeln (Library), nicht auf Seiten wie Spenden/Manifest. */}}
-    {{ if eq .Section "library" }}
-      <a class="dialog-link" id="dialog-link" data-thread="{{ .RelPermalink }}" href="/dialog/?thread={{ .RelPermalink }}">→ Dialog</a>
-      <script>
-        (function () {
-          var l = document.getElementById('dialog-link'); if (!l) return;
-          fetch('/api/comments?thread=' + encodeURIComponent(l.dataset.thread))
-            .then(function (r) { return r.ok ? r.json() : []; })
-            .then(function (d) { var n = d.filter(function (c) { return !c.deleted; }).length; if (n) l.textContent = '→ Dialog · ' + n; })
-            .catch(function () {});
-        })();
-      </script>
-    {{ end }}
   </article>
 
 {{ end }}

layouts/_partials/provenance.html

@@ -4,6 +4,8 @@
 {{ $repo := site.Params.repoURL }}
 {{ $author := .Params.author | default site.Params.author.name }}
 <div class="provenance" aria-label="Herkunft">
+  {{/* Dialog: gleiche Pill-Reihe, sticht durch Pfeil + Akzentfarbe hervor. */}}
+  <a class="prov-dialog" id="dialog-link" data-thread="{{ .RelPermalink }}" href="/dialog/?thread={{ .RelPermalink }}">→ Dialog</a>
   {{ with .GitInfo }}
     {{ with $repo }}
       <a class="prov-version" href="{{ . }}/commit/{{ $.GitInfo.Hash }}" title="Diese Version als Commit ansehen">Version {{ $.GitInfo.AbbreviatedHash }}</a>
@@ -74,3 +76,13 @@
     });
   })();
 </script>
+<script>
+  /* Wortmeldungs-Zahl an die Dialog-Pill hängen (→ Dialog · 3). */
+  (function () {
+    var l = document.getElementById('dialog-link'); if (!l) return;
+    fetch('/api/comments?thread=' + encodeURIComponent(l.dataset.thread))
+      .then(function (r) { return r.ok ? r.json() : []; })
+      .then(function (d) { var n = d.filter(function (c) { return !c.deleted; }).length; if (n) l.textContent = '→ Dialog · ' + n; })
+      .catch(function () {});
+  })();
+</script>