Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Timeline: show a clip's full name when its label is cut off

オープン 初心者向け
#5,582 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@DanielMcSheehy がすでに取り組んでいます。

2026年10月18日 から。

  • #5835 @DanielMcSheehy による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
85/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript
領域
frontend

調査の方向性

切り詰めは packages/studio/src/player/components/TimelineClip.tsx で発生しており、ラベルは overflow-hidden を持つ要素の中にあります。共有ツールチップの使われ方を確認するために packages/studio/src/components/ui/Tooltip.tsx を読み、まず CONTRIBUTING.md を確認したうえで、bun install を実行し、studio パッケージのテストを実行してください。切り詰められたラベルはツールチップに全文を表示し、収まるラベルはツールチップを表示せず、長いラベルと短いラベルの両方をテストでカバーできれば完了です。

索引モデルが issue の本文から書いたものです。

説明

desktop-candidate difficulty/easy enhancement good first issue help wanted triage/ready

Short clips cut their label off (packages/studio/src/player/components/TimelineClip.tsx, overflow-hidden), and there is no way to read the full name without widening the clip.

Done when

  • Hovering a clip whose label is truncated shows the full label in the shared Tooltip (packages/studio/src/components/ui/Tooltip.tsx).
  • No tooltip when the label fits.
  • A test with one long and one short label.

Desktop candidate: this component is also used by the HyperFrames Desktop app, so the change reaches it with the next version bump.

Reviewer: @miguel-heygen. New to the repo? Start with CONTRIBUTING.md; run bun install, then the package's tests, before opening a PR.

主要言語
TypeScript
スター
54.1k
フォーク
4.9k
平均マージ
8時間 49分
マージ済み PR(30日)
667

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

heygen-com/hyperframes のほかの issue

heygen-com/hyperframes の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。