Page MenuHomePhabricator

At very wide and narrow widths the top banner image presentation gets a bit funky
Open, Stalled, NormalPublic

Description

When very wide the tiling can look a bit off:

When very narrow sometimes the portion of the image being shown is less than ideal:

Could some combination of centering and scaling be perhaps used instead of tiling?

Event Timeline

Mhurd created this task.Jun 14 2017, 12:46 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 14 2017, 12:46 AM
jrbs added a subscriber: jrbs.Jun 14 2017, 1:09 AM

It seems like the tiling issue would be fixed by adding background-size: cover or similar to the .featured-image .image class (and tweaking the background attribute that already exists). I remember raising this when I was in Comms and there was some reason why it wasn't already set up in this way, but perhaps it's worth revisiting.

(This would probably make the other issue even worse, of course.)

EdErhart-WMF added a subscriber: EdErhart-WMF.EditedJun 14 2017, 7:08 PM

Yeah, @jrbs brought this up at the time. I've long had this on a list of things that should be looked at whenever we look into redesigning the blog (something that's not in our current plans, but I assume will happen at some point).

The tiling occurs because the banner images are 1290x164px wide. They tile when above that width, and show only part of the image when below that (as you've discovered). That was a deliberate decision, although I'm not sure why.

EdErhart-WMF changed the task status from Open to Stalled.Jun 14 2017, 7:09 PM
EdErhart-WMF triaged this task as Normal priority.