Skip to content

LineBoardLEDのMarqueeが2行に折り返される問題を修正#5458

Merged
TinyKitten merged 1 commit intodevfrom
fix/led-marquee
Feb 26, 2026
Merged

LineBoardLEDのMarqueeが2行に折り返される問題を修正#5458
TinyKitten merged 1 commit intodevfrom
fix/led-marquee

Conversation

@TinyKitten
Copy link
Member

@TinyKitten TinyKitten commented Feb 26, 2026

Summary

  • LineBoardLEDのコンテナスタイルから flex: 1 を削除し、Marquee内のテキストが2行に折り返される問題を修正
  • flex: 1 によりコンテナ幅が画面幅に制約され、長いテキスト(行き先の英語表記等)が折り返されていた
  • 削除により、コンテナがコンテンツの自然な幅を取るようになり、Marqueeが正しく横スクロールする

Test plan

  • LEDテーマで行き先が長い路線(例: 複数駅表示)を選択し、Marqueeが1行で横スクロールすることを確認
  • 短いテキストの場合にスクロールせず正常に表示されることを確認

🤖 Generated with Claude Code

Summary by CodeRabbit

リリースノート

  • スタイル
    • LineBoardLED コンポーネントの表示レイアウトを調整しました。コンテナが利用可能なスペースを埋めるように拡張されなくなります。

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@github-actions github-actions bot added the react label Feb 26, 2026
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Feb 26, 2026

📝 Walkthrough

Walkthrough

LineBoardLEDコンポーネントのスタイル設定からflex: 1プロパティが削除されました。コンテナはflexDirection: 'row'およびgap: 16の設定のままですが、利用可能なスペースに成長する機能は削除されています。

Changes

Cohort / File(s) Summary
スタイル調整
src/components/LineBoardLED.tsx
コンテナのflexスタイルプロパティを削除。レイアウト動作の変更により、コンテナは割り当てられた幅に基づいて拡張されなくなります。

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested labels

react

Poem

🐰 ひとつのスタイル、静かに消えて
Flexの息吹も、そっと手放す
コンテナの自由、新たな形へ
シンプルな変更、大きな意味を持つ ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed プルリクエストのタイトルは、LineBoardLED のコンテナから flex: 1 を削除することで、Marquee が2行に折り返される問題を修正するという主な変更を正確に説明しており、変更内容と完全に関連している。
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/led-marquee

Comment @coderabbitai help to get the list of available commands and usage tips.

@TinyKitten TinyKitten merged commit 3b6e65a into dev Feb 26, 2026
7 checks passed
@TinyKitten TinyKitten deleted the fix/led-marquee branch February 26, 2026 16:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant