Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở Phù hợp với người mới
#2,914 3 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
67/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
nuxt, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu từ route của chế độ so sánh (trang hiển thị https://npmx.dev/compare?packages=...) và tìm các component áp dụng màu nền có điều kiện cho các ô như ngày phát hành. Dò xem ngưỡng từng ngưỡng (ví dụ: phiên bản mới nhất cũ hơn một cutoff) được quyết định ở đâu, rồi gắn thuộc tính title/tooltip tại chính điểm quyết định đó để giải thích vì sao màu được áp dụng. Hoàn thành nghĩa là khi rê chuột lên một ô được tô nổi bật trong chế độ so sánh sẽ hiện một câu nêu rõ quy tắc, mà không thay đổi logic màu hiện có; kiểm chứng thủ công với ví dụ cors,corser,http-proxy-middleware.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
3.6k
Fork
533
Merge trung bình
4 ngày 13 giờ
Pull request đã merge (30 ngày)
40

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của npmx-dev/npmx.dev

Tất cả issue của npmx-dev/npmx.dev

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.