carpentries / sandpaper

User Interface for The Carpentries Workbench
https://carpentries.github.io/sandpaper
Other
41 stars 24 forks source link

Strange wrapping of titles in Chrome when using a Large font size #570

Closed dpshelio closed 2 months ago

dpshelio commented 8 months ago

Steps to replicate it:

  1. In Chrome/chromium, got to settings, appearance and set Font size to Large.

Chrome_settings

  1. Visit an episode, and you'll see this.

chrome-wrapping

I've also got the same behaviour in Firefox, though the font size is not selected as "shirt sizes" as in Chrome, but in pixels. The same effect happens when a font size larger than 16 is used (at least for Noto Serif).

Firefox-settings

I've never changed the font of either of the browsers, so I imagine this uses the default font available.

Also note, that zooming into the page (Ctrl++) with the normal font size, doesn't produce this problem while increasing the size.

In my case, the screenshots are from Linux, but I've seen the same on chrome under macOS (@davecash75).

It may be related with #359

ErinBecker commented 2 months ago

Fixed with https://github.com/carpentries/varnish/pull/147