nprapps / science-of-joy

It's a joy generator
https://apps.npr.org/joy-generator
Other
3 stars 1 forks source link

Text going out of bounds on poetry slide on mobile #85

Closed connjin closed 3 years ago

connjin commented 3 years ago

Image from iOS (15)

thomaswilburn commented 3 years ago

I can't repro this on Chrome, if someone has time to debug on Safari that would be helpful, otherwise I'll get to it pre-launch.

connjin commented 3 years ago

I looked into this today, and it looks like this style in poetry.less is causing the weird spacing on Safari:

b { font-weight: normal; }

Setting the font weight to the same value as the other text doesn't fix it, but commenting out that style does the trick. Not sure what the workaround is since I know you're selecting the blacked out text by what words are bolded in the doc.

thomaswilburn commented 3 years ago

Hm. That's good to know--I can see if there are some other values, like inherit that might be workable for that.

connjin commented 3 years ago

I tried font-weight: inherit and it did not fix things :sad-cowboy: