Changeset 8cdb377 in Klonkt for src/views

Timestamp:

06/19/2026 09:40:04 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

535f955

Parents:

1e2e9e7

Message:

ui(post-nav): show 📌 when the Newer/Older post is pinned

postNeighbors() now also selects pinned; the partial shows a 📌 next to
the label of a pinned neighbour (solo + hub).

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

File:

• src/views/partials/post-nav.ejs (modified) (3 diffs)

src/views/partials/post-nav.ejs

@@ -8 +8 @@
          hx-get="/<%= newerPost.slug %>?partial=1" hx-target="#pcms-main"
          hx-push-url="/<%= newerPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
-        <span class="post-nav-label">← Newer</span>
+        <span class="post-nav-label"><% if (newerPost.pinned) { %><span class="post-nav-pin" title="Vastgepind">📌</span> <% } %>← Newer</span>
         <span class="post-nav-title"><%= newerPost.title %></span>
       </a>
@@ -21 +21 @@
          hx-get="/<%= olderPost.slug %>?partial=1" hx-target="#pcms-main"
          hx-push-url="/<%= olderPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
-        <span class="post-nav-label">Older →</span>
+        <span class="post-nav-label">Older →<% if (olderPost.pinned) { %> <span class="post-nav-pin" title="Vastgepind">📌</span><% } %></span>
         <span class="post-nav-title"><%= olderPost.title %></span>
       </a>
@@ -45 +45 @@
 .post-nav-label { font-size: 0.8rem; color: var(--ink-muted); margin-bottom: 0.25rem; }
 .post-nav-title { font-weight: 500; }
+.post-nav-pin { font-size: 0.85em; }
 @media (max-width: 600px) { .post-nav { grid-template-columns: 1fr; } }
 </style>