Frontend: Kommentarbereich, Ladezeit & Interaktionsleiste

- "Antworten"-Überschrift entfernt; direkte Antworten sind eine flache Liste
- Thread-Strich nur noch bei der Ahnenkette (#ancestors), Antworten nur eingerückt
- font-display: swap + korrekte format()-Hinweise -> kein FOIT mehr beim Laden
- Interaktionsleiste als Grid: Vote-Buttons zentriert, "n Antworten" links daneben

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-07 17:21:28 +02:00
parent 1313e9613c
commit b4d03f8741
4 changed files with 43 additions and 15 deletions
+7 -5
View File
@@ -60,12 +60,14 @@ function renderEntry(e) {
<div class="muted"><a href="/u/${user}">${escapeHtml(e.username)}</a> · ${when}</div>
<div class="content">${linkify(e.content)}</div>
${media}
<div class="row">
<button class="ghost" data-mode="left">Links</button>
<span class="muted"> / </span>
<button class="ghost" data-mode="right">Rechts</button>
<div class="interactions">
<div class="muted replies"><a href="/e/${e.pid}">${replyLabel}</a></div>
<div class="row">
<button class="ghost" data-mode="left">Links</button>
<span class="muted"> / </span>
<button class="ghost" data-mode="right">Rechts</button>
</div>
</div>
<div class="muted"><a href="/e/${e.pid}">${replyLabel}</a></div>
`;
setupVoting(el, e.pid);
el.addEventListener("click", (ev) => {