Changeset eb2fe08 in Klonkt

Timestamp:

06/25/2026 10:37:09 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

283f618

Parents:

6cabd18

Message:

ux(profile): fediverse-follow is a compact icon in the links row, hidden for the owner

The follow button was a full-width pill that added a whole row to the profile
header. Now it's a small icon alongside the social links (no extra height), and
it only shows to visitors — the owner can't follow their own site.

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

File:

• src/views/partials/profile-header.ejs (modified) (4 diffs)

src/views/partials/profile-header.ejs

@@ -68 +68 @@
       <% } %>
 
-      <% if (_profileLinks.length) { %>
+      <%# Follow-via-fediverse: a compact icon in the links row (keeps the header
+          short), and hidden for the owner — you don't follow yourself. %>
+      <% var _showFollow = (typeof canManageFedi === 'undefined' || !canManageFedi) && site && site.slug; %>
+      <% if (_profileLinks.length || _showFollow) { %>
         <% const _platforms = (typeof platforms_catalog !== 'undefined' && platforms_catalog) || {}; %>
         <ul class="profile-links" aria-label="External links">
@@ -86 +89 @@
             </li>
           <% }); %>
+          <% if (_showFollow) { %>
+            <li>
+              <button type="button" class="profile-link profile-fedi-link" data-fedi-actor-slug="<%= site.slug %>"
+                      aria-label="<%= t('fedi.profile_follow') %>" title="<%= t('fedi.profile_follow') %>">🐘</button>
+            </li>
+          <% } %>
         </ul>
       <% } %>
-
-      <button type="button" class="profile-fedi-btn" data-fedi-actor-slug="<%= site.slug %>">
-        🐘 <%= t('fedi.profile_follow') %>
-      </button>
     </div>
 
@@ -101 +106 @@
   window.__pcmsFediFollowWired = true;
   document.addEventListener('click', function (e) {
-    var b = e.target.closest && e.target.closest('.profile-fedi-btn');
+    var b = e.target.closest && e.target.closest('.profile-fedi-link');
     if (!b) return;
     var raw = window.prompt(<%- JSON.stringify(t('fedi.remote_prompt')) %>, '');
@@ -272 +277 @@
 .on-archive .profile-links { display: none; }
 
-/* Follow-via-fediverse button */
-.profile-fedi-btn {
-  margin-top: 0.65rem;
-  display: inline-flex; align-items: center; gap: 0.4rem;
-  padding: 0.4rem 0.85rem;
-  border: 1px solid var(--rule);
-  border-radius: 999px;
-  background: var(--paper-2);
-  color: var(--ink-soft);
-  font: inherit; font-size: 0.85rem; font-weight: 600;
-  cursor: pointer;
-  transition: border-color 120ms, color 120ms, background 120ms;
-}
-.profile-fedi-btn:hover { border-color: var(--accent); color: var(--ink); }
-.on-post .profile-fedi-btn,
-.on-special .profile-fedi-btn,
-.on-search .profile-fedi-btn,
-.on-archive .profile-fedi-btn { display: none; }
+/* Follow-via-fediverse: compact icon button, sits in the links row */
+.profile-fedi-link { border: 0; font: inherit; font-size: 18px; line-height: 1; cursor: pointer; }
 </style>