5t3ph / 5t3ph/smolcss

Visited Style: float not removing underline in Firefox

Đang mở Phù hợp với người mới
#5 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
Nunjucks
Star
840
Fork
13
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

In the code-example you add `float: left` to the icon-`` to remove underline from it.
https://smolcss.dev/#smol-visited-styles

This is not working with (at least) recent Firefox (on Mac OS).

![screenshot from smolcss demo showing the unwanted underline under the icon](https://user-images.githubusercontent.com/1682719/120935036-313e6700-c701-11eb-8e6f-e0aa0567ec94.png)

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

Hướng nghiên cứu

The issue is in the 'Visited Style' demo at https://smolcss.dev/#smol-visited-styles. Look at the CSS for the icon span where `float: left` is applied to remove the underline. Test in Firefox on macOS to see the underline persists. Investigate alternative CSS properties like `display: inline-block` or `text-decoration-skip-ink` to fix the cross-browser issue. Check the project's CSS files for the demo snippet to make the change.

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
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
2/5
Thời gian dự kiến
1-3 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
65/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.