[fp] SVG iconen voor artikelen staan in Firefox te laag

Pagina: 1
Acties:

  • Propheticus
  • Registratie: Juli 2009
  • Laatst online: 23:36
Vermeld de URL waar het probleem zich bevindt
https://tweakers.net/

Geef aan welke stappen je uitvoert om het probleem te kunnen reproduceren
Stap 1: kijk naar de frontpage
Stap 2: zie raar uitgelijnde artikel categorie bolletjes

Beschrijf wat je zou verwachten als het probleem zich niet voordeed
Bolletjes die verticaal gecentreerd voor de artikeltitels staan

Indien relevant, voeg een screenshot toe
Afbeeldingslocatie: https://tweakers.net/i/byWys7-hhGWIT83fYHWHgCXQVbM=/800x/filters:strip_exif()/f/image/Ilmq6whEDe25ZxcpinwmaVkR.png?f=fotoalbum_large

Vermeld welk apparaat en browser je gebruikt
Windows 11, Firefox 144.0.2

Het ziet er goed uit als ik in frontpage-style.css:688
vertical-align aanpas naar 2px.
Deze staat nu op -1px :
code:
1
2
3
4
5
6
.headline--icon .icon {
  --icon-size:0.75rem;
  --icon-color:var(--icon-category-color-core);
  display:inline-block;
  vertical-align:-1px
}