Merged
Conversation
ACSバー(Anomaly Classification System)やテーブル等の固定幅要素が モバイル画面幅を超えてはみ出す問題を修正。 追加したCSS対策: - ACSバー(.anom-bar-container): max-width:100% + box-sizing - テーブル: display:block + overflow-x:auto で横スクロール対応 - pre/codeブロック: overflow-x:auto + pre-wrap - scp-image-block: float解除 + max-width:100% - #page-content直下要素: 全般的なoverflow防止 https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
全インラインstyle属性を一括削除していたため、ACSバー等のコンポーネントが 依存するwidth/max-width/overflow等のレイアウトプロパティも失われていた。 変更内容: - 正規表現による一括削除 → プロパティ単位の選択的フィルタリングに変更 - display/width/max-width/height/overflow/position/z-index/flex/grid等の レイアウト系プロパティは保持し、color/margin/float等の装飾系は除去 - 前回の対症療法的なCSS(max-width:100%!important等)を削除 - テストケースを新しい動作に合わせて更新・追加 https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1
?debug=overflow クエリパラメータで、画面幅を超えている要素を 赤枠でハイライトし、要素情報（タグ名、クラス、幅、style属性、 computed style）をページ上部のパネルに一覧表示する。 使い方: /api/wiki-proxy/scp-8762?debug=overflow https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1
Wikidotテーマ側のCSSが#main-contentにmax-widthを設定して コンテンツ幅を制約しているが、注入CSSでmax-width:none!importantと 上書きしていたためACSバー等が画面幅を超えてはみ出していた。 max-widthの上書きを削除し、テーマ側の制約を維持するよう修正。 https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1
新テーマ(Sigma等)はCSS変数で#main-contentにwidth:60remを設定しており、 max-width:noneだとモバイルで画面幅を超えてはみ出す。 max-width:100%に変更することで: - 新テーマ: width:60remがモバイルでは100%に制約される - 旧テーマ: 固定max-widthを上書きしiframe全幅を使える（noneと同等の効果） https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1
試行錯誤で追加したDEBUG_OVERFLOW_STYLE（?debug=overflow）を プロダクションコードから削除。 https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1
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
2 participants
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.
ACSバー(Anomaly Classification System)やテーブル等の固定幅要素が
モバイル画面幅を超えてはみ出す問題を修正。
追加したCSS対策:
https://claude.ai/code/session_01JgqH8GwQPAtsGvAZp5P8C1