From 0cc90ac29576e8ee7457cf215fc3a0136d44f1fb Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Tue, 2 Jun 2026 01:52:45 +0200
Subject: [PATCH] ui: Dialog als Pill in die Provenance-Reihe, sticht durch
 Symbol+Akzent hervor
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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             | 16 +++++++++-------
 layouts/_default/single.html      | 16 +---------------
 layouts/_partials/provenance.html | 12 ++++++++++++
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 01c8e47..49a09e6 100644
--- a/assets/css/custom.css
+++ b/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-display);
-  font-weight: 500;
-  font-size: 0.82rem;
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-small);
+  font-weight: 600;
   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) */
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 65b3ad2..34518ac 100644
--- a/layouts/_default/single.html
+++ b/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 }}
diff --git a/layouts/_partials/provenance.html b/layouts/_partials/provenance.html
index e6da4fe..48c45d3 100644
--- a/layouts/_partials/provenance.html
+++ b/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>