scala-lang icon indicating copy to clipboard operation
scala-lang copied to clipboard

"Scala in a Nutshell" header isn't centered like the others (depending on zoom level)

Open SethTisue opened this issue 2 years ago • 5 comments
trafficstars

see image

@bishabosha I poked a bit at trying to fix this but I don't know what's going on and I don't actually know CSS, maybe you can spot the problem?

before

SethTisue avatar Feb 10 '23 02:02 SethTisue

gah, I realized I should check other browsers, and it's only broken in Safari... Firefox and Chrome are fine 🙀

SethTisue avatar Feb 10 '23 02:02 SethTisue

I use safari and don't see this, did you empty the caches?

bishabosha avatar Feb 10 '23 08:02 bishabosha

Turns out I had Safari set to display the site at 125% zoom; the problem goes away at 100% zoom.

Does that enable you to reproduce it?

SethTisue avatar Feb 10 '23 14:02 SethTisue

oh yes in that case I can reproduce it when I zoom in

bishabosha avatar Feb 10 '23 15:02 bishabosha

it appears that there is not enough vertical padding so when the "API Docs" and "Migrate to Scala 3" labels go on 2 lines it pushes the title to the right :)

bishabosha avatar Feb 10 '23 15:02 bishabosha

The page layout has changed since this issue was opened - so the issue doesn't appear anymore, nor anything similar when zooming

bishabosha avatar Jun 25 '24 11:06 bishabosha