5t3ph / 5t3ph/smolcss

Visited Style: float not removing underline in Firefox

未关闭 适合新手
#5 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
Nunjucks
星标
840
派生
13
PR 合并指标
30 天内没有已合并 PR

描述

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)

贡献指南

这个仓库没有索引到贡献指南

调研方向

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.

由索引模型根据 Issue 内容生成。

评估

技术栈
css
领域
frontend
Issue 类型
缺陷
难度
2/5
预计耗时
1-3 小时
活跃度
停滞
描述清晰度
描述清楚
新手友好度
65/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。