[Beta] Ensure correct usage of :betterhover
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- JavaScript
- Star
- 11.8k
- Fork
- 7.9k
- Merge trung bình
- 1 ngày 11 giờ
- Pull request đã merge (30 ngày)
- 11
Mô tả
It seems that when dark mode was added, some usage of :hover is missing betterhover class prefix
https://github.com/reactjs/reactjs.org/blob/beta/src/components/DocsFooter.tsx#L73
:betterhover is needed to only apply hover CSS on devices that support it (its secretly a media query under the hood). While not as good as react-aria/react-stately's hover detection hook (which understands if hybrid devices are in touch mode or not, the betterhover variant/screen is the next best CSS-only equivalent.
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- 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.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu tại src/components/DocsFooter.tsx, khoảng dòng 73, và so sánh cách sử dụng hover với kiểu dáng chế độ tối và yêu cầu betterhover của issue. Hoàn tất khi CSS hover bị ảnh hưởng sử dụng tiền tố betterhover để nó chỉ được áp dụng trên các thiết bị hỗ trợ hover.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- javascript, react
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 1/5
- Thời gian dự kiến
- Dưới một giờ
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 55/100