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

Home feature cards still show link underlines

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#323 1 bình luận 1 reaction 1 người được giao Xem trên GitHub

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

@IanoNjuguna đang làm issue này rồi.

Từ ngày 14/10/2026.

  • #332 của @IanoNjuguna — đang mở

Đánh giá

Độ khó
1/5
Thời gian dự kiến
Dưới một giờ
Mức phù hợp với người mới
88/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css, react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Đọc website/src/components/HomepageFeatures/index.tsx và website/src/components/HomepageFeatures/styles.module.css để xác nhận cách áp dụng lớp liên kết của thẻ. Truyền lớp CSS module cho Link hoặc điều chỉnh quy tắc như được đề xuất. Hoàn tất khi di chuột lên một thẻ trên trang chủ không hiển thị gạch chân và các kiểu nâng lên cùng đường viền vẫn giữ nguyên.

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

Mô tả

bug

Problem

The three cards on the homepage are links. On hover, the browser underline still appears through the title and description.

website/src/components/HomepageFeatures/index.tsx sets className="featureCardLinks" as a plain string. The rule that removes the underline lives in the CSS module website/src/components/HomepageFeatures/styles.module.css as .featureCardLinks:hover. That class is hashed, so it never matches the element.

Expected

Hovering a homepage card does not add an underline. The card lift and border styles stay as they are.

Suggested fix

Pass the CSS module class (styles.featureCardLinks) on the Link, or move the underline reset to a global rule that the current class name actually hits.

Checks

  • I searched existing issues and discussions
  • This is not a duplicate of #185 or #217
Ngôn ngữ chính
TypeScript
Star
13
Fork
22
Merge trung bình
2 ngày 13 giờ
Pull request đã merge (30 ngày)
11

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

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 IntersectMBO/developer-experience

Tất cả issue của IntersectMBO/developer-experience

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.