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

New Component Request: Labels

Đang mở
#689 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

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

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
25/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
scss
Lĩnh vực
design, frontend

Hướng nghiên cứu

Yêu cầu này không xác định các tệp triển khai, các bài kiểm thử hoặc một điểm vào. Hãy bắt đầu bằng cách xem xét cấu trúc component hiện có trong repository Mozilla Protocol và các ví dụ GitHub và Rally được liên kết, sau đó xác định hành vi, kiểu dáng, cách xử lý chế độ tối và các yêu cầu responsive của component trước khi triển khai.

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

Mô tả

Design 🎨

Please use this template to request a new component.
If you're not sure whether a component already exists,
go ahead and file the issue here, and the team will triage appropriately.

Fill in as many sections as possible below.

Please describe the use case(s) for this component

I would like a component to label things in the Glean Dictionary, similar to GitHub labels. Examples of where we do this already (using a mostly-unstyled adhoc component):

Annotating metrics in the application

image

Annotating applications on the front page

image

Please provide any designs or previous implementations of the proposed component

The rally website has developed an adhoc version of this:

image

In our case I don't think we'd want to capitalize the text (since case has a strong semantic meaning).

Please describe what this component does in the following conditions

  • When set in front of a dark background

It would be cool if the colors adapted themselves when in dark mode, similar to GitHub:

image

... but I don't know if that's required.

  • When set in front of a light background

Probably the most common use case, default behaviour here.

  • When viewed in a mobile/responsive viewport

I don't think we'd do anything different, labels tend to be small.

Please provide examples of this type of component in use in non-Mozilla web properties

Add screenshots and links to web properties that use a similar component.

GitHub labels are an example of existing best practice:

image

https://styleguide.github.com/primer/components/labels/

Is the development of this component a blocking dependency for other work? Please explain if so

This doesn't block anything strictly, but it would be very nice to have (labels are a key component in the Glean Dictionary, and are only going to get more important over time).

Ngôn ngữ chính
SCSS
Star
298
Fork
83
Merge trung bình
9 ngày 7 giờ
Pull request đã merge (30 ngày)
7

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

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 mozilla/protocol

Tất cả issue của mozilla/protocol

Issue tương tự

Thêm issue về Design

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.