When using the Image widget (fieldable panels pane), the only View Mode that is available is "Full" and the panopoly_full image style is applied to the uploaded image. This would normally be fine since panopoly_full has the "Upscale" option un-selected.

However, in panopoly_images.css there is this:

img.panopoly-image-full {
  width: 100%}
}

which will cause the image to increase in size to fill the container. So when this is placed on a panels region, smaller images get upscaled and are pixelated. Either there should be a different image style used for the Image widget that maintains the original image, or the css needs to be changed.

Comments

mpotter’s picture

Issue summary: View changes
mpotter’s picture

Issue summary: View changes
mpotter’s picture

Issue summary: View changes
dsnopek’s picture

Status: Active » Closed (duplicate)

Thanks for the bug report!

The purpose of the panopoly_image_full style is to take the full width of the containing region and I'm not sure there is a CSS-based solution to make it not up-scale images (although, if someone knows one, that'd be awesome!). We could probably do something in Javascript, but I'd rather avoid that.

So, I think the solution here is allowing the user to choose which image style they want in the Image widget. We already have an issue for that (so, marking this one as a duplicate):

#2119415: Make it possible to choose image style for image widgets

That way we can assume that someone using this image style is doing so on purpose and knows the implications!

To help with that, we should make a better human-readable label for the image style too:

#2236815: Set human-readable names for all of Panopoly's image styles

We could make it something like "Full width (expand to fill the full width of the region - could upscale small images)" or something shorter if anyone has any ideas. :-)