Changeset e6272d1 in Klonkt for src/views/pages

Timestamp:

06/24/2026 06:00:23 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

5410d4d

Parents:

a8399a6

Message:

fediverse comments: clean mobile meta (wrap name/handle, date on its own line)

The comment meta was a no-wrap flex row, so on narrow screens name/handle/date got
squeezed into thin columns that broke mid-word. Now it wraps, and on <=560px the
date drops to its own line.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/pages/post.ejs (modified) (2 diffs)

src/views/pages/post.ejs

@@ -279 +279 @@
   gap: 0.5rem;
   align-items: baseline;
+  flex-wrap: wrap;
+  row-gap: 0.1rem;
   font-size: 0.85rem;
   margin-bottom: 0.3rem;
@@ -285 +287 @@
 .comment-author:hover { color: var(--accent); }
 .comment-time { color: var(--ink-muted, var(--ink-soft)); }
+.comment-meta .fedi-handle { overflow-wrap: anywhere; }
+@media (max-width: 560px) {
+  .comment-meta .comment-time { flex-basis: 100%; font-size: 0.78rem; color: var(--ink-faint, var(--ink-muted)); }
+}
 .comment-content {
   white-space: pre-wrap;