5t3ph / 5t3ph/smolcss

Visited Style: float not removing underline in Firefox

オープン 初心者向け
#5 コメント 1 件 リアクション 0 件 担当者 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 を短くまとめたダイジェスト。