Compare commits

...

2 Commits

Author SHA1 Message Date
13f7f12499 Fix thread post spacing: add reply padding and increase margins
All checks were successful
CI / test (pull_request) Successful in 1m5s
CI / test (push) Successful in 52s
Replies had no left padding from the border (padding-left:0) and too-tight
vertical spacing (margin:4px). Bump to padding-left:12px and margin:8px.

Closes #2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-05 09:59:09 -03:00
bf72b74a01 Render embedded quoted posts as blockquotes with handle permalink
All checks were successful
CI / test (pull_request) Successful in 42s
CI / test (push) Successful in 40s
Fixes #1. Replaces the plain div wrapper and separate "View on Bluesky"
link with a <blockquote> element, and makes the @handle the permalink
to the quoted post.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-05 09:39:41 -03:00
2 changed files with 9 additions and 11 deletions

View File

@@ -241,7 +241,7 @@ final class BlueskyThreadsExtension extends Minz_Extension {
$repliesHtml .= $this->renderThread($reply, false, $rootAuthorDid);
}
if ($repliesHtml !== '') {
$html .= '<div class="bsky-replies" style="border-left:2px solid #e1e8ed;margin-left:24px;padding-left:0;">';
$html .= '<div class="bsky-replies" style="border-left:2px solid #e1e8ed;margin-left:24px;padding-left:12px;">';
$html .= $repliesHtml;
$html .= '</div>';
}
@@ -263,7 +263,7 @@ final class BlueskyThreadsExtension extends Minz_Extension {
$embedHtml = $embed !== null ? $this->renderEmbed($embed) : '';
$rootStyle = 'border:1px solid #cfd9de;border-radius:12px;padding:12px 16px;margin-bottom:12px;';
$replyStyle = 'padding:10px 12px;margin:4px 0;';
$replyStyle = 'padding:10px 12px;margin:8px 0;';
$style = $isRoot ? $rootStyle : $replyStyle;
return <<<HTML
@@ -376,17 +376,14 @@ final class BlueskyThreadsExtension extends Minz_Extension {
}
return <<<HTML
<div style="border:1px solid #0085ff;border-radius:12px;padding:10px 12px;margin-top:8px;">
<blockquote style="border:1px solid #0085ff;border-radius:12px;padding:10px 12px;margin:8px 0 0 0;">
<div style="font-size:0.85em;margin-bottom:6px;">
<strong>{$displayName}</strong>
<span style="color:#536471;margin-left:4px;">@{$this->e($handle)}</span>
<a href="{$this->e($postUrl)}" style="color:#536471;margin-left:4px;text-decoration:none;">@{$this->e($handle)}</a>
</div>
<div style="white-space:pre-wrap;word-break:break-word;">{$text}</div>
{$embedsHtml}
<div style="margin-top:6px;font-size:0.75em;">
<a href="{$this->e($postUrl)}" style="color:#536471;">View on Bluesky ↗</a>
</div>
</div>
</blockquote>
HTML;
}

View File

@@ -164,14 +164,15 @@ class BlueskyThreadsTest extends TestCase {
'Quoted post text must be rendered as an embed');
}
/** Quoted posts include a "View on Bluesky" link; thread posts do not. */
/** Quoted posts use a blockquote with a handle permalink; thread posts have no permalink. */
public function testViewOnBskyLinksArePresent(): void {
$data = json_decode(file_get_contents(__DIR__ . '/fixtures/thread_3mhtk7awhrp26.json'), true);
$html = $this->call('renderThread', $data['thread'], true);
$this->assertStringNotContainsString('3mhtk7awhrp26', $html, 'Thread post rkey must not appear as a permalink');
$this->assertStringContainsString('3mhtjo3rtkn26', $html, 'Quoted post rkey must appear in its View on Bluesky link');
$this->assertStringContainsString('View on Bluesky', $html);
$this->assertStringContainsString('3mhtjo3rtkn26', $html, 'Quoted post rkey must appear in the handle permalink');
$this->assertStringContainsString('<blockquote', $html, 'Quoted post must be wrapped in a blockquote');
$this->assertStringNotContainsString('View on Bluesky', $html);
}
/**