Feature proposal #5517closed
Redesign gallery displays
All of the usages should use a Modal view. This modal view should be consistent across the galleries. For photo it's the photo, video is the video player, music is a audio player, and files is a table of file details.
These views should somewhat follow facebook usage in that on the right is the title, description, author, date, and space for comment stream. The bar at the bottom should be the title, folder/album (if any), and a few other items.
All the modals should be ajaxed in upon open. This allows headers to re-assign in the case of a comment stream or any other ajax being used (see CB Activity on inline header output).
Updated by krileon about 8 years ago
Modal can be improved to adjust the line-height to the same as the modal height. Then use a standard img tag with max-width and max-height set to 100%. This allows the image to remain at its size up to the size of the box AND be perfectly centered vertically as well as horizontally. This will eliminate image stretching.
Updated by krileon almost 8 years ago
To div vertical center a photo without stretching it you set the line-height of the parent div to the same height of the div it self (e.g. if it's 150px then the line-height is also 150px). Next set the font-size to 0 and set the images max height/width to 100%. See GJs logo display.