Problem
Blank or white background images look abruptly cut off in Page Previews. Some examples:
Design
Add a 1px border of rgba(0,0,0,0.1) to the bottom or side edge of image (depending on orientation) in the page preview. The border should be overlapping the image. Here is a diagram to clarify the placement of the border:
Here are some examples that approximate the design, rendered in the browser via common.css:
Note:
- make sure this works on RTL previews