Show notes list marker / timestamp CSS issue

syntaxfm / website

Syntax Podcast Website

https://syntax.fm

MIT License

1.01k stars 495 forks source link

Show notes list marker / timestamp CSS issue #1665

Open tagnm opened 4 months ago

tagnm commented 4 months ago

Hi,

When browsing your show notes I noticed something:

It looks like the marker is "peaking" from behind the time stamp. I am not sure how it is meant to look, but it looks like the time stamp link is being pulled to the left over the marker, but not enough?

Hope that helps!

System info:

Chrome 124, Windows 10, Viewed full screen on a 1080p resolution monitor.

stolinski commented 2 months ago

Odd I'm not seeing that myself, maybe a browser zoom issue? I'll remove the list style either way.

wesbos commented 2 months ago

The bullets are under the timestamp, so they need a list-style: none; in case they ever peek out like this. likely font rendering realted

tagnm commented 2 months ago

Good to hear back from you guys. Just to give some more feedback. My original screenshot was from Chrome, which is my daily driver. So I had a look in Edge, private mode, so no extensions or anything.

Regarding zoom - I am at 100%. Might be a font issue as you said, but this is my work computer, so very little fonts installed other than IDE fonts :)

Anyway, thanks for all the good work.