fix: Wikiサイドバーのタイトル文字化けを修正 - #182
Merged
Merged
Conversation
The wiki page list's title (.wiki-page-link-title) used the legacy display:-webkit-box + -webkit-line-clamp:2 pattern to clamp to two lines. Verified via headless-browser reproduction (with the real production CSS cascade) that this combination renders Japanese title text as corrupted/garbled glyphs in Chromium, regardless of the overflow-wrap value. Switch to the standard single-line white-space:nowrap + text-overflow:ellipsis truncation already used elsewhere in this codebase (03-shell.css, 05-data-display.css, 11-rankings-insights.css, 15-home.css) — titles now truncate to one line with an ellipsis instead of wrapping to two, and no longer corrupt. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
1 participant
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.
Summary
.wiki-page-link-titleがdisplay: -webkit-box+-webkit-line-clamp: 2（2行省略）を使っていたが、この組み合わせがChromium系ブラウザで和文タイトルの文字を壊して表示することを、本番と同じCSS構成での再現テストで確認したwhite-space: nowrap+text-overflow: ellipsis）に変更。他画面（03-shell.css / 05-data-display.css / 11-rankings-insights.css / 15-home.css）でも同じ方式を使用済みTest plan
npm test（666件）npm run typechecknpx eslint .npm run build