Skip to content

[Feature] ファイル変更一覧の展開時にmax-heightを設定しスクロール可能にする #55

@ktmage

Description

@ktmage

Description

ファイル変更一覧(FileChangesHeader)を展開した際、変更ファイル数に応じてリストが無制限に伸び、メッセージエリアを埋め尽くしてしまう。差分が多いファイルでは画面全体がファイル一覧で占有され、他のメッセージが見えなくなる。

一定の高さまでは表示し、それを超えた場合はスクロールバーで閲覧できるようにしたい。

Motivation

  • ファイル変更が多い場合(10ファイル以上等)、展開するとメッセージエリアが完全に埋まり、前後のメッセージが確認できなくなる
  • 他の折りたたみパネル(DiffView の差分行、ToolPartView の出力)では max-height + overflow-y: auto で制限されており、統一的なデザインになっていない

Proposed Solution

FileChangesHeader.module.css.listmax-heightoverflow-y: auto を追加する。

既存の類似パターン:

  • DiffView.lines: max-height: 300px; overflow-y: auto;
  • ToolPartView.output: max-height: 200px; overflow-y: auto;

これらと統一感のある値(300px 程度)を設定する。

受け入れ条件

  • ファイル変更一覧が一定の高さ(300px 程度)を超えた場合、スクロールバーが表示される
  • 既存の DiffView / ToolPartView の max-height と統一感がある
  • ファイル数が少ない場合は従来通りすべて表示される(余計なスクロールバーが出ない)

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions