Page MenuHomePhabricator

Add placeholder width for loading images
Closed, ResolvedPublic

Description

Currently, images are loaded without any widths pre-specified. This causes images in the grid to shift around as they are loaded, causing a bad user experience.

Images have a constant height of 250px, and the query to fetch thumbnails returns each thumbnail's dimensions. Using this, we can calculate the ratio and width to set each image's container to get rid of the layout shift.

Event Timeline

SuperHamster changed the task status from Open to In Progress.Aug 30 2022, 5:34 AM
SuperHamster created this task.
SuperHamster moved this task from Backlog to In Progress on the View-it! board.
SuperHamster moved this task from In Progress to Done on the View-it! board.