Changeset 40cf2ef in Klonkt for src/assets/css

Timestamp:

06/24/2026 02:55:01 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

c901131

Parents:

dc8e9bd

Message:

style(activitypub): inline address form for reply-via-fediverse (no browser prompt)

Clicking 'Reply via the fediverse' now opens a styled inline input (handle + go +
cancel) instead of the native prompt() dialog.

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

File:

• src/assets/css/style.css (modified) (1 diff)

src/assets/css/style.css

@@ -4430 +4430 @@
 .post-fediverse-cta .fedi-remote-reply-btn svg { color: var(--accent, currentColor); }
 .post-fediverse .comment-actions .fedi-remote-reply-btn { gap: .3rem; }
+
+/* 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 input {
+  padding: .45rem .7rem; border-radius: 9px; font: inherit; min-width: 240px;
+  border: 1px solid color-mix(in srgb, var(--ink, #000) 22%, transparent);
+  background: var(--paper, #fff); color: var(--ink, #000);
+}
+.fedi-remote-form input:focus { outline: 2px solid color-mix(in srgb, var(--accent, #888) 55%, transparent); outline-offset: 1px; }
+.fedi-remote-form .fedi-remote-go { padding: .45rem .8rem; }
+.fedi-remote-form .fedi-remote-cancel { background: none; border: none; color: var(--ink-soft, #888); cursor: pointer; font-size: 1.05rem; line-height: 1; padding: .25rem .4rem; }
+.fedi-remote-form .fedi-remote-cancel:hover { color: var(--ink, #000); }