Changeset 749c183 in Klonkt

Timestamp:

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

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

0dba092

Parents:

f2fff7e

Message:

style(activitypub): fixed CTA row height so the reply field doesn't shift content

post-fediverse-cta gets a min-height + the form loses its top margin, so swapping
button<->field keeps the row height constant (no vertical jump).

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

Location:

src

Files:

• assets/css/style.css (modified) (2 diffs)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -4419 +4419 @@
 
 /* Reply-via-fediverse CTA on post pages */
-.post-fediverse-cta { margin: 1.75rem 0; }
+.post-fediverse-cta { margin: 1.75rem 0; display: flex; align-items: center; min-height: 2.4rem; }
 .fedi-remote-reply-btn { display: inline-flex; align-items: center; gap: .45rem; }
 .post-fediverse-cta .fedi-remote-reply-btn {
@@ -4432 +4432 @@
 
 /* Inline "reply via fediverse" address form (replaces the browser prompt) */
-.fedi-remote-form { display: inline-flex; align-items: center; gap: .4rem; margin: .55rem 0 0; flex-wrap: wrap; }
+.fedi-remote-form { display: inline-flex; align-items: center; gap: .4rem; margin: 0; flex-wrap: wrap; }
 .fedi-remote-form input {
   height: 2.2rem; padding: 0 .9rem; border-radius: 999px; font: inherit; min-width: 230px;

src/views/shell.ejs

@@ -175 +175 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=42">
+<link rel="stylesheet" href="/assets/css/style.css?v=43">
 
 <!-- Audio player styles: loaded on every page so the mini-player works