5t3ph / 5t3ph/smolcss

Visited Style: float not removing underline in Firefox

Offen Anfängerfreundlich
#5 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
Nunjucks
Sterne
840
Forks
13
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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)

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
65/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.