crystal-lang / crystal-website

crystal-lang.org website
61 stars 77 forks source link

Unintended line breaks in `link-actions` #766

Closed straight-shoota closed 7 months ago

straight-shoota commented 7 months ago

There should not be any line breaks, the items are supposed to span as wide as they need to.

Safari Chrome
Screenshot 2024-03-28 at 12 19 11 PM grafik
Safari Chrome
grafik grafik

This layout appears in Safari and Epiphany. Firefox and Chrome render it correctly.

The link underline is also missing in Safari (#768).

straight-shoota commented 7 months ago

I have not been able to identify the reason for this. It looks like a generic rendering bug in WebKit.

white-space: nowrap can serve as a workaround, it prevents any line break in the link text. This is not ideal because technically longer labels could be possible and they should be able to wrap on small viewports. But I don't think there's any practical issue with this.