Screenshot renders incorrectly on iPad

atom / atom.io

🌐 A place for feedback on the atom.io website and package API

161 stars 98 forks source link

Screenshot renders incorrectly on iPad #123

Closed jasonrudolph closed 7 years ago

jasonrudolph commented 7 years ago

Following the screenshot updates for https://github.com/atom/atom.io/issues/120, the screenshot seems to render correctly on various phone and desktop browsers that I've tested, but it's rendering incorrectly on the iPad. The following screenshot is from the current version of Chrome on an iPad running iOS 10:

@simurai: Would you mind taking a look at this issue?

jsejcksn commented 7 years ago

I'm seeing the same problem on Chrome 59.0.3071.86 on Windows 10.

I notice that in the CSS, the class screenshot-main applied to that span has a WxH ratio matching the image, but the background-size property does not, and is causing it to be compressed along the y-axis.

simurai commented 7 years ago

@jsejcksn Yes, right, the background-size didn't get updated. Should now be fixed: https://atom.io