Skip to content

エラー・注意喚起の表示を .notice-danger に統一 - #214

Merged
kojira merged 1 commit into
mainfrom
claude/ranking-feature-bug-a8nq2k
Jul 25, 2026
Merged

エラー・注意喚起の表示を .notice-danger に統一#214
kojira merged 1 commit into
mainfrom
claude/ranking-feature-bug-a8nq2k

Conversation

@kojira

@kojira kojira commented Jul 25, 2026

Copy link
Copy Markdown
Member

#213 でランキングの注記を赤くした流れで、同じ「うまくいかなかった」の知らせが3通りの見た目に分かれていたのを1つに揃えます。

変更前 箇所
灰色の補足テキスト(本文と同化して見落とす) 参拝の草・参拝の記録・GitHub実績・リポジトリ一覧の読み込み失敗、全期間解析の失敗
#ff8080 の直書き ピン留めの保存失敗
Bootstrap の alert alert-warning(白背景でダークテーマから浮く) 登録失敗(トップ)、おみくじの取得失敗

変更後

common.css.notice-danger を用意して全部そこに寄せました。

  • 赤字(--color-danger)+ 同色ボーダー + 薄い面 + fa-exclamation-triangle
  • 再読み込み/もう一度ボタンは面の**外(下)**に置いて、文とボタンの区別を付ける
  • DESIGN.md の Components に部品として明記し、「Bootstrapの alert は白背景なので使わない」も書き足し

DESIGN.md の既存ルール(「Bootstrap既定の白背景部品を素のまま使わない」「独自の色をハードコードしない」)に沿わせた形です。

yarn generate 成功。ヘッドレスで変更前後を並べて確認しました。

🤖 Generated with Claude Code

https://claude.ai/code/session_01DwkB6Hj2JggoKcy7FoxNcU


Generated by Claude Code

同じ「うまくいかなかった」の知らせが3通りの見た目に分かれていた:
灰色の補足テキスト(読み込み失敗5箇所)、#ff8080の直書き(保存失敗)、
Bootstrapのalert(白背景でダークテーマから浮く。登録失敗・おみくじ失敗)。

common.css に .notice-danger を用意して全部そこに寄せる。赤字+同色ボーダー
+薄い面+警告アイコンで、読み飛ばされないようにする。再読み込みボタンは
面の外(下)に置いて文とボタンの区別を付ける。

DESIGN.md のComponentsにも部品として明記し、Bootstrapのalertは使わないと
書いておく。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DwkB6Hj2JggoKcy7FoxNcU
@cursor

cursor Bot commented Jul 25, 2026

Copy link
Copy Markdown
Contributor

Bugbot is not enabled for your account, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.

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.

2 participants