Project

General

Profile

Actions
Copy link

Feature proposal #5517

closed

Redesign gallery displays

Feature proposal #5517: Redesign gallery displays

Added by krileon over 10 years ago. Updated over 9 years ago.

Status:
Closed
Priority:
High
Assignee:
krileon
Target version:
2.0.0
Start date:
18 September 2015
Due date:
% Done:

100%

Estimated time:

Description

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).

Related issues 1 (0 open — 1 closed)

Related to CB Gallery - Bug #5656: Photo modal display causes image stretchingClosedkrileon15 December 2015

Actions

Updated by krileon over 10 years ago Actions
Copy link
 #1

  • Priority changed from Normal to High

Updated by krileon over 10 years ago Actions
Copy link
 #2

File gallery could probably be redesigned to function like DOCman if modal usage doesn't work well.

Updated by krileon about 10 years ago Actions
Copy link
 #3

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 about 10 years ago Actions
Copy link
 #4

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.

Updated by krileon about 10 years ago Actions
Copy link
 #5

  • % Done changed from 0 to 10

Fixed gallery modal causing photo stretching.

Updated by krileon about 10 years ago Actions
Copy link
 #6

  • Related to Bug #5656: Photo modal display causes image stretching added

Updated by krileon over 9 years ago Actions
Copy link
 #7

Galleries need to be able to function outside of profile as well. Ensure there's a spot for username display when not viewing on a profile.

Updated by krileon over 9 years ago Actions
Copy link
 #8

  • % Done changed from 10 to 60

Updated by krileon over 9 years ago Actions
Copy link
 #9

  • Status changed from Assigned to Resolved
  • % Done changed from 60 to 100

Updated by krileon over 9 years ago Actions
Copy link
 #10

  • Status changed from Resolved to Closed
Actions
Copy link

Also available in: PDF Atom