ACs

• Show asset thumbnail preview on the table grid
  • when preview is supported
    • for photos and videos show a 4:3 ratio thumbnail, showing the image in its maximum possible size, centred with the cropped nest
    • for icons and logos centred them in a 4:3 ration grey box
  • when preview is not supported
    • show "no-preview" thumbnail
• On asset thumbnail hovering, show enlarged preview
  • for images: the enlarged preview should maintain the aspect-ratio size of the asset, respecting its original proportion
    • the enlargement should follow the limit size of a maximum 200px width and/or 200px height
    • the position should be as per design mockup
    • the enlarged thumbnail should contain a drop shadow effect
  • for videos: when supported by the browser, the preview should play automatically on hovering, otherwise a static image of the video should be presented
  • for the remaining and "no-preview" thumbnails, don't apply enlargement effect on hovering
  • Mimic tooltip hovering rules regarding to appearing a disappearing times

• Remove the triangle shows on the middle left of enlarged thumbnail lam.nguyen I don't understand what this means, so I strikethrough instead of deleting it. Feel free to delete it if it doesn't make sense anymore.

Design mockups

Assets thumbnail mockup
Assets thumbnail component
Enlarged thumbnail preview example - vertical image
Enlarged thumbnail preview example - horizontal image