Changeset f2fff7e in Klonkt

Timestamp:

06/24/2026 03:03:51 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

749c183

Parents:

77ccd5d

Message:

style(activitypub): reply field replaces the button in place (no layout jump)

The address form now hides the button and takes its spot (restored on cancel),
instead of appearing as an extra element that reflows the page.

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

File:

• src/views/pages/post.ejs (modified) (1 diff)

src/views/pages/post.ejs

@@ -106 +106 @@
       if (d) location.href = 'https://' + d + '/authorize_interaction?uri=' + encodeURIComponent(uri||'');
     }
+    function closeForm(f){ if (!f) return; if (f._btn) f._btn.style.display = ''; f.remove(); }
     document.addEventListener('click', function(e){
       var cancel = e.target.closest && e.target.closest('.fedi-remote-cancel');
-      if (cancel) { var f0 = cancel.closest('.fedi-remote-form'); if (f0) f0.remove(); return; }
+      if (cancel) { closeForm(cancel.closest('.fedi-remote-form')); return; }
       var b = e.target.closest && e.target.closest('.fedi-remote-reply-btn');
       if (!b) return;
       e.preventDefault();
-      var mine = (b.nextElementSibling && b.nextElementSibling.classList && b.nextElementSibling.classList.contains('fedi-remote-form')) ? b.nextElementSibling : null;
-      var any = document.querySelector('.fedi-remote-form'); if (any) any.remove();
-      if (mine) return; // clicking again closes it
+      closeForm(document.querySelector('.fedi-remote-form')); // close any open one (restores its button)
       var f = document.createElement('form');
       f.className = 'fedi-remote-form';
       f.dataset.uri = b.getAttribute('data-fedi-uri') || '';
+      f._btn = b;
       f.innerHTML = '<input type="text" autocomplete="off" spellcheck="false">'
         + '<button type="submit" class="btn btn-primary fedi-remote-go" aria-label="ok">&rarr;</button>'
         + '<button type="button" class="fedi-remote-cancel" aria-label="x">&times;</button>';
       var inp = f.querySelector('input');
-      inp.placeholder = b.getAttribute('data-fedi-ph') || '@name@mastodon.social';
+      inp.placeholder = b.getAttribute('data-fedi-ph') || '@name@server.social';
+      b.style.display = 'none';                  // replace the button in place → no layout jump
       b.parentNode.insertBefore(f, b.nextSibling);
       inp.focus();