Signed-in header overflows at md–lg widths (768–1023px)
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 72/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- tailwindcss, typescript
調査の方向性
AuthControlsのエントリーポイントから開始し、関連する匿名状態の修正について plans/site-check-153.md と PR #154 を確認してください。768–1023pxでサインイン済みヘッダーを再現し、選択した名前の扱いによってHelp Wantedが1行に収まり、ドキュメントの水平方向のスクロールが発生しないことを確認してください。その際、モバイルバーとアクセシブルなアカウントラベルも維持します。
索引モデルが issue の本文から書いたものです。
説明
Surfaced while closing out plans/site-check-153.md (PR #154), which fixed the anonymous-state overflow in the same band.
Tailwind's container is 768px wide across the whole 768–1023 range, leaving a 736px content box. Signed-out, the header now fits (measured 752px right edge at 768). Signed-in, AuthControls renders avatar + full name + caret (hidden sm:inline on the name), which is roughly 100px wider than the "Sign in" button, so the utility cluster pushes "Help Wanted" onto two lines and the document scrolls horizontally again. This predates #154 (the name + 192px search + Volunteer already exceeded the box).
Options: hide the name below lg in the desktop cluster only (the same AuthControls also renders in the mobile bar at 640–767, where there is room for it, so it needs a prop or a second breakpoint), or shorten to first name below lg. The aria-label="Account menu for …" already carries the accessible name, so hiding the visible text costs nothing for AT.
- 主要言語
- TypeScript
- スター
- 1
- フォーク
- 1
- 平均マージ
- 11分
- マージ済み PR（30日）
- 22
環境構築
- Dockerfile または Docker Compose ファイルあり
- プルリクエストのテンプレートなし
- コントリビューションガイドなし
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
CodeForPhilly/codeforphilly-ng のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
CodeForPhilly/codeforphilly-ng#178 ·
メンテナーはふだん 1 日以内に返信
-
MarkdownEditor toolbar: use Radix Toolbar from radix-ui instead of the hand-rolled roving tabindexオープンenhancement
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
CodeForPhilly/codeforphilly-ng#169 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
CodeForPhilly/codeforphilly-ng#89 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
CodeForPhilly/codeforphilly-ng#87 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
CodeForPhilly/codeforphilly-ng#50 ·
メンテナーはふだん 1 日以内に返信
CodeForPhilly/codeforphilly-ng の issue をすべて見る
似ている issue
-
nextjs-tracking
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
cloudflare/vinext#3887 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
apache/rocketmq-dashboard#6331 ·
メンテナーはふだん 5 日以内に返信
-
bug cache clinical-safety P1-critical
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
juspay/blend-design-system#1788 ·
メンテナーはふだん 1 日以内に返信
-
[Analytics] Add Focus Time-Block Efficiency Ratio Calculator in src/lib/focus/efficiency-ratio.tsオープンanalytics beginner friendly community contributions-welcome enhancement good first issue hacktoberfest help wanted up-for-grabs
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信