popcodeorg / popcodeorg/popcode

Highlight CSS selectors that match 0 elements

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

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

feature
Ngôn ngữ chính
JavaScript
Star
191
Fork
143
Merge trung bình
4 ngày 11 giờ
Pull request đã merge (30 ngày)
5

Mô tả

If the user writes a CSS selector that doesn't match any elements of the page, then it's quite likely that they made a mistake/typo and that something in their project doesn't work as a result. We should highlight these selectors with:

  1. A yellow/orange squiggly underline
  2. A warning symbol (triangle with exclamation mark) in the gutter (like we do for errors but with a different symbol)
  3. A popup with explanatory text when you hover either the symbol in the gutter (like we do for errors) or the underlined text

To start with, we could just do the gutter symbol with hover text, since we already do that for errors, so there's prior art.

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.

Hướng nghiên cứu

Bắt đầu bằng cách lần theo biểu tượng lỗi hiện có trong gutter và hành vi khi di chuột qua, được issue xác định là phần triển khai trước đó để tham khảo, sau đó tìm nơi các bộ chọn CSS được đánh giá trong trình soạn thảo. Công việc được coi là hoàn tất khi các bộ chọn khớp với không phần tử nào trên trang nhận được cách xử lý cảnh báo được đề xuất, bắt đầu bằng một biểu tượng trong gutter và văn bản hover giải thích.

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

Đánh giá

Công nghệ
css, javascript
Lĩnh vực
frontend, tooling, web-dev
Loại issue
Tính năng
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

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.