Fit the game toolbar labels on 320-pixel-wide screens
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 82/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- css, typescript
調査の方向性
apps/web/src/components/dock.ts と apps/web/src/styles/game.css を読んで、ツールバーのラベルとサイズがどのように定義されているかを確認してください。apps/web/src/i18n.ts でドイツ語と英語のラベルを確認してください。次に、320 px のビューポートに対するアサーションを apps/web/e2e/play.spec.ts に追加し、apps/web/test/styles.test.ts とともに実行してください。両言語で 320 px のときにすべてのツールバーラベルがボタンに収まり、タップ領域が現在のサイズを保てば完了です。
索引モデルが issue の本文から書いたものです。
説明
Context
On 320 CSS px wide phones (for example the first-generation iPhone SE) the last toolbar label of the game screen, »Rückgängig« (Undo) in the German UI, is cut off to »Rückgän…«. The icon and the accessible name stay intact, and 390 px and wider are fine. It was found by an overflow probe during the v0.1 review; no screen scrolls sideways at 320 px.
Scope
- Make the toolbar labels (Inventar, Notizbuch, Hinweis, Tastatur, Rückgängig; Inventory, Notebook, Hint, Keyboard, Undo) fit at 320 px in both UI languages, for example with a smaller label size below a breakpoint or a shorter German label.
- Keep the tap targets as large as they are today.
Acceptance criteria
- At 320 px no toolbar label is truncated, in German or English.
- An end-to-end check at a 320 px viewport asserts that no toolbar label overflows its button.
- apps/web/test/styles.test.ts still passes.
References
- apps/web/src/components/dock.ts
- apps/web/src/styles/game.css
- apps/web/src/i18n.ts
- apps/web/e2e/play.spec.ts
- #25 (reflow at 320 CSS px)
- 主要言語
- TypeScript
- スター
- 0
- フォーク
- 0
- 平均マージ
- 28分
- マージ済み PR（30日）
- 2
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
nullthrone/lexvm のほかの issue
-
area: infra good first issue priority: low type: chore
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
nullthrone/lexvm#41 ·
-
area: engine good first issue priority: low type: feature
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
nullthrone/lexvm#27 ·
-
area: web priority: low type: research
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
nullthrone/lexvm#63 ·
-
area: infra area: web priority: medium type: chore
難易度 5/5 1週間以上 初心者へのやさしさ 38/100
nullthrone/lexvm#62 ·
-
area: engine area: web priority: high type: chore
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
nullthrone/lexvm#61 ·
nullthrone/lexvm の issue をすべて見る
似ている issue
-
fix(worker): keep normal prepare waiting states failure-free対応中かも @LichKing-2234 が今日担当しました。 オープンagent:codex priority:P1
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
AgoraIO-Extensions/agent-infra#3745 ·
メンテナーはふだん 1 日以内に返信
-
The five-line work window can drop its oldest line: the per-line byte share ignores the JSON framing対応中かも @Eapp1e が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
makecindy/cindy#7973 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
lingdojo/kana-dojo#33337 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
code-yeongyu/senpi#4917 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信