Changeset 2902320 in Klonkt for src/views/pages

Timestamp:

06/25/2026 10:14:26 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

e91849c

Parents:

33c1999

Message:

ux(fedi): make clear a remote reply lands on the source post, not this page

A layperson read the reply-via-fediverse page as a comment box and didn't see
their reply appear. Added an accent note in the composer ('your reply shows up
on the original post, not here'), reworded the Sent confirmation to say the same,
and made the 'view on the source' button the primary action. nl/en/de.

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

File:

• src/views/pages/authorize-interaction.ejs (modified) (3 diffs)

src/views/pages/authorize-interaction.ejs

@@ -38 +38 @@
     <p class="auth-interact-note"><%= t('fedi.remote_sent') %></p>
     <p class="auth-interact-actions">
-      <% if (uri) { %><a class="btn" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a><% } %>
-      <a class="btn btn-primary" href="/"><%= t('fedi.remote_back') %></a>
+      <% if (uri) { %><a class="btn btn-primary" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a><% } %>
+      <a class="btn" href="/"><%= t('fedi.remote_back') %></a>
     </p>
   <% } else if (typeof followTarget !== 'undefined' && followTarget) { %>
@@ -86 +86 @@
     </form>
     <p class="auth-interact-or"><%= t('fedi.or_reply') %></p>
+    <p class="auth-interact-where">💬 <%= t('fedi.reply_where') %></p>
     <form method="post" action="/authorize_interaction" class="auth-interact-form">
       <input type="hidden" name="uri" value="<%= uri %>">
@@ -116 +117 @@
   .auth-interact-actions { display: flex; gap: .5rem; align-items: center; }
   .auth-interact-note { color: var(--ink-soft, #999); font-size: .85rem; margin-top: 1rem; }
+  .auth-interact-where { margin: .25rem 0 .85rem; padding: .6rem .8rem; font-size: .85rem; line-height: 1.5; border-radius: 10px; background: color-mix(in srgb, var(--accent, #888) 12%, transparent); color: var(--ink, inherit); }
   .auth-interact-content { line-height: 1.55; }
   .auth-interact-content p { margin: .35rem 0; }