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

Background colors in compare view should have their meaning explained in title text

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

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

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
67/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
静か
技術スタック
nuxt, typescript
領域
frontend

調査の方向性

compare ビューのルート(https://npmx.dev/compare?packages=... をレンダリングするページ)から開始し、公開日などのセルに条件付き背景色を適用しているコンポーネントを特定する。各しきい値(例:最新バージョンが cutoff より古い場合)がどこで決定されるかをトレースし、その決定ポイントに同じ場所で、なぜその色が適用されたのかを説明する title/tooltip 属性を付与する。完了の条件は、compare ビューで強調されたセルにホバーしたときに、そのルールを述べる文が表示され、既存の色ロジックが変更されないこと。cors,corser,http-proxy-middleware の例で手動で検証する。

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

説明

a11y front
Describe the bug

The compare view assigns a background color to certain values based on their properties. E.g. a package's publish date might receive a yellow background if its last version is older than a certain threshold.

Without context the meaning of these colors is ambiguous. I'd recommend adding a title text that explains why the color was assigned.

Example: https://npmx.dev/compare?packages=cors,corser,http-proxy-middleware

Additional context

No response

Logs

主要言語
TypeScript
スター
3.6k
フォーク
533
平均マージ
4日 13時間
マージ済み PR(30日)
40

環境構築

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

はじめの一歩

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

npmx-dev/npmx.dev のほかの issue

npmx-dev/npmx.dev の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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