Headline phone image is distorted and pixelated (fix suggestion) #7

Closed
yhoyhoj opened this Issue Nov 1, 2017 · 1 comment

Comments

Projects
None yet
2 participants
@yhoyhoj

yhoyhoj commented Nov 1, 2017

Because of css sizing, the image is distorted and pixelated.
screenshot-2017-11-1 copperheados - secure mobile devices

Suggested minimal changes :

  • change width to max-width to avoid displaying it too large and pixelation
  • add height declaration to keep ratio

Current android.css (from line 11) :

.headline-phone .headline-phone-image img {
	width: 94%;
	margin: 0 auto 40px;
}

New android.css :

.headline-phone .headline-phone-image img {
	max-width: 94%;
	height: auto;
	margin: 0 auto 40px;
}
@thestinger

This comment has been minimized.

Show comment Hide comment
@thestinger

thestinger Nov 2, 2017

Thanks, I've incorporated this fix. Unfortunately, the site hasn't been maintained much for a couple years. It's long overdue for a complete rewrite of everything other than the content for the documentation. This phone picture is of a Nexus 5 which hasn't been supported for a year for an idea of how much this has aged.

Thanks, I've incorporated this fix. Unfortunately, the site hasn't been maintained much for a couple years. It's long overdue for a complete rewrite of everything other than the content for the documentation. This phone picture is of a Nexus 5 which hasn't been supported for a year for an idea of how much this has aged.

@thestinger thestinger closed this Nov 2, 2017

@thestinger thestinger added the bug label Nov 2, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment