diaspora/diaspora — Issue #2376: Exact image dimensions should be set in CSS, if known
Author: pixelistik
Created: 2011-11-10 17:12:40+00:00
State: open

At the moment, images are only very generally styled, with `max-width: 100%` in the stream. This results in many reflows of the layout on page loading, if the stream contains several images. Especially when the **endless scroll** at the bottom of the page is triggered, this is an annoying and disorienting experience.

For many images (those that were directly uploaded using D*) the pod can actually know the exact image dimensions, because it has opened and processed them. This information should be used to specify the dimensions of every image in CSS, so the layout is fixed before the images have finished loading.

(For embedded external images this would be more difficult)