著者ページの鉛筆を h1 の末尾へ移し、空のプロフィール枠を描かない (#3229) - #3235
Merged
Merged
Conversation
自己紹介が無い322人のページでは鉛筆1つの箱(54px)が h1 の下に立ち、h1 → h2 が 117px 空いていた。鉛筆は他のページと同じく見出しの末尾に置き、プロフィールの箱は中身があるときだけ描く。h1 → h2 はタグページと同じ 48px になる。自己紹介がある8人は鉛筆の位置だけが変わり、箱の高さは変わらない。 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes #3229
変更内容
themes/future/layout/author.ejs_partial/edit-pencil、行き先は_profile.yml)を.author-profileの段落の末尾から h1 の末尾へ移した。記事タイトル・特設ページ・部品ギャラリーと同じ置き方.author-profileは 自己紹介か X / GitHub のリンクがあるときだけ描く。中身の無い空の箱を出さないthemes/future/layout/_partial/edit-pencil.ejs… コメントの「著者プロフィール」を「著者ページの h1」に直し、置き場所が見出しの末尾で固定であることを書いたCLAUDE.md… Pull Requestを送るリンクの表示条件を追加 #3186 の節に 自己紹介が無い著者のページで、鉛筆だけの箱が立つ #3229 の判断を追記(人数も 329/5 → 330/8 に更新)CSS・
scripts/は触っていない。比べた2案と選んだ理由
配信 HTML と
site.cssの実物で両案を描いて並べた(/authors/admin/1280px / 375px)。/tags/Go/も 48px)と同じ形。箱は消える(1) を採った。
section-headingのedit)。自己紹介の段落の末尾に置いていた著者ページだけが例外で、ui_partials.jsの部品の説明も「見出しの末尾に出る」と書いている。例外を1つ消す変更になる/specials/engineers/)の形。プロフィールの箱は自分の見出しを持たないので、その見出しは h1自己紹介がある8人のページ
鉛筆の位置だけが変わる(段落末尾 → h1 末尾)。鉛筆はインラインの 19px で段落の高さに寄与していなかったので、箱の高さ・h1 → h2 の距離は変わらない(実測 1280px: 100px / 164px、375px: 137px / 200px、前後同値)。「8人は今の形のまま」より、鉛筆の置き場所の規則を1つにする方を優先した。
実測(前 → 後)
.author-profile/authors/admin/(自己紹介なし)/authors/真野隼記/(自己紹介あり).github-edit1件)、親はh1.list-page、hrefは…/edit/main/_profile.yml、aria-labelは「◯◯さんの自己紹介をGitHubで編集する」/authors/棚井龍之介/)は<p>だけの箱、X / GitHub を持つ人はicon-rowも出る。2ページ目(/authors/真野隼記/page/2/)にも h1 に鉛筆が出るローカルで通したもの
textlint(author.ejs/edit-pencil.ejs)node ui_partials_lint.mjs(見本あり 27 / 理由あり 35、警告なし)markdownlint-cli2 CLAUDE.md確認ポイント
/authors/admin/… h1 の右に鉛筆、その下がすぐ「よく読まれている記事」/authors/真野隼記/… 鉛筆が h1 に移り、自己紹介と X / GitHub の並びは変わっていない/specials/gallery/の h1 … 同じ部品が同じ位置にあること(比較用)🤖 Generated with Claude Code