/tags/ の親子の木で押せないノードをヘッダーの群ラベルと同じ枠付きにする (#3226) - #3233
Open
ma91n wants to merge 1 commit into
Open
Conversation
タグとして実在しない分類ノード(AI・DB・OS…11件)が、押せる根の名前と 色だけ(ink-strong と ink-mute、差 1.62:1)で分かれていた。ヘッダーの ドロップダウンの群ラベル(.category-group-label)を当てて、四角い枠で分ける。 枠の指定をヘッダー限定のスコープから基底へ移し、ヘッダーには位置の補正だけ残す。 Fixes #3226 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 #3226
変更内容
/tags/の「親子関係を持つタグ」で、タグとして実在しない分類だけのノード(AI・CSS・DB・IaC・IDE・OS・イベント・セキュリティ・パッケージ管理・モバイル・認証認可の11件)を、ヘッダーのドロップダウンの群ラベル(開発基盤の四角い枠)と同じ.category-group-labelで描く。themes/future/layout/tags.ejs:renderTagGroupでn.pathの有無によって markup を分ける。押せる名前はtag-forest-label/tag-forest-sublabelのまま、押せないノードだけcategory-group-labelthemes/future/css-src/theme-styles.stylwidth: fit-content/padding/border/border-radius)を.header-dropdown-group .category-group-labelのスコープから基底の.category-group-labelへ移す。ヘッダー側には行のアイコンに文字をそろえるmargin-leftの補正だけ残す.tag-forest-labelからcolor: var(--ink-mute)を落とす(押せない名前がこのクラスに来なくなったので役が無い).tag-forest > li > .category-group-label。押せる根の 8px と同じ。既定の 4px では枠の下辺が線として見えるぶん詰まって見える)CLAUDE.md: 「分類の名前で、押せない」ラベルはこの1つ、という判断を/categories/のチップの節に足した判断した点
tag-forest-sublabel)にも同じ分岐が効くが、実測では非リンクの子は 0 件(44件すべてリンク)。分類ノードは深さに関わらず1つのもので、ヘッダーの箱も1サイズなので、深さで大きさを変えないrule-base。チップはピル・太字・rule-strong)で分かれる。木では枠付きラベルの直下にチップが並ぶので、この差がそのまま効く実測
tag-forest-label)tag-forest-label)+ 枠付き11(category-group-label)link-in-text-block(serious)audit.mjs /tags/エラー 0)site.cssの差分.tag-forest-labelのcolor1行削除、margin-bottomの1ルール追加のみcss_lint.mjs/font_size_lint.mjs/ textlint(tags.ejs)/ markdownlint(CLAUDE.md)はすべて通る。確認ポイント
/tags/#tagforest: AI・IaC・IDE・セキュリティ・パッケージ管理・モバイル などが四角い枠の小さなラベルになり、押せる根(GoogleCloud・Java など)は太字のまま--rule-baseで追従する🤖 Generated with Claude Code