Skip to content

コードブロックのキャプションをタブにして左へ寄せる - #179

Merged
ma91n merged 1 commit into
future-architect:masterfrom
ma91n:style/code-caption
Sep 17, 2026
Merged

ma91n merged 1 commit into
future-architect:masterfrom
ma91n:style/code-caption

Conversation

@ma91n

@ma91n ma91n commented Sep 17, 2026

Copy link
Copy Markdown
Collaborator

#177 の2件目。コードブロックのキャプション(ファイル名)を左寄せにします。

変更

いま 寄せ先
位置 中央 左(ブロックの左上に載るタブ)
書体 イタリック 立体・本文と同じ書体
大きさ 13.6px(85%) 12px(中身と同じ)
地 なし #f5f5f5(ブロックと同じ)

ブログと同じタブの形です。ファイル名はコードではなくブロックのラベルなので書体は本文と同じにし、大きさは名指ししている中身と同じにします(中身より小さいと、ラベルが従属して見えます)。

タブが載る角だけ丸みを落として、タブとブロックを地続きにしています。ファイル名が長いときは … で切ります。

🤖 Generated with Claude Code

テーマは中央・イタリック・85%。ブログと同じく、ブロックの左上に載る
タブの形にする。ファイル名はコードではなくブロックのラベルなので書体は
本文と同じにし、大きさは中身と同じ 12px。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@ma91n
ma91n merged commit 84e6580 into future-architect:master Sep 17, 2026
2 checks passed
@ma91n
ma91n deleted the style/code-caption branch September 17, 2026 08:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant