cats-effect icon indicating copy to clipboard operation
cats-effect copied to clipboard

Mobile site: bad rendering of sbt dependency

Open NthPortal opened this issue 5 months ago • 3 comments

text of sbt dependency on website renders on top of itself when wrapping to multiple lines.

browser: IronFox 140.0.3 (Build #2016101351) for Android 15

Image

NthPortal avatar Jul 09 '25 06:07 NthPortal

Added "help wanted" because that emoji pretty much accurately reflects my face every time I'm asked to do anything involving CSS.

djspiewak avatar Jul 11 '25 17:07 djspiewak

that emoji pretty much accurately reflects my face every time I'm asked to do anything involving CSS.

that's funny, my face looks more like 😰

NthPortal avatar Jul 12 '25 15:07 NthPortal

I'm not sure if it's the right branch to change for the website, but it looks like you want to add

background: transparent;

here: https://github.com/typelevel/cats-effect/blob/318baa34e61c721ce259fdf05456a3d12422c880/website/static/css/custom.css#L4

The code element CSS makes the background white, and it seems making it inline causes each part of the dependency to get padding around them and those all get a white background. Then the last part is rendered on top, blocking the top line with white background.

reardonj avatar Aug 03 '25 18:08 reardonj