[MGNLDAM-1264] Hover action on assets thumbnail Created: 08/Sep/23  Updated: 18/Jan/24  Resolved: 10/Jan/24

Status: Closed
Project: Magnolia DAM Module
Component/s: None
Affects Version/s: None
Fix Version/s: 3.1.0

Type: Story Priority: Neutral
Reporter: Laura Delnevo Assignee: Lam Nguyen Bao
Resolution: Fixed Votes: 0
Labels: dx-core-6.3, searchx
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: 5d 6h 10m Time Spent: 5d 6h 10m
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Attachments: PNG File Screenshot 2023-10-26 at 11.55.06.png     JPEG File asset hover preview - i13.jpg    
Issue Links:
Relates
relates to MGNLDAM-1263 Styling of Assets app tree view table... Closed
relation
is related to MGNLDAM-1318 As an author, I can see paths of list... Closed
is related to MGNLCE-391 Re-enable tests on AssetsCoreFunction... Accepted
Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLDAM-1265 Implementation Sub-task To Do  
MGNLDAM-1266 Review Sub-task To Do  
MGNLDAM-1267 Pre-Integration QA Sub-task To Do  
MGNLDAM-1268 QA Sub-task To Do  
MGNLDAM-1290 Check performance on diff browsers wi... Discovery Sub-task To Do  
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[X]  Architecture Decision Record (ADR)
Documentation update required:
Yes
Date of First Response:
Epic Link: SearchX 1. In-App search & Top Nav
Team: AuthorX
Work Started:
Approved:
Yes

 Description   

As an author, I want to be able to see the enlarged thumbnail of assets when I scroll through the list on the browser view, so that I can quickly find the asset I am looking for 

 

When hovering the asset thumbnail, an enlarged image preview will pop up (videos and other supported formats included)

  • For static assets the enlarged image will remain the same (static)
  • For dynamic/motion assets the animation will play automatically or 'on click' TBD (task created for discovery)

Assets without a thumbnail image preview don't get enlarged (we will have a follow-up design ideation to cover this scenario)

  • Hovering behaviour
    • Wait 0.3–0.5 second after the mouse cursor enters target area before showing enlarged thumbnail
    • If the mouse cursor remains stopped within target area, display enlarged thumbnail content within 0.1 second
    • Keep displaying enlarged thumbnail until the cursor has left the triggering target area or the exposed content for longer than 0.5 seconds
  • The image ratio for the enlarged thumbnail is fixed, meaning the original image should fit centrally the defined ratio and then cropped where needed.

 

Designs


Generated at Mon Feb 12 05:07:46 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.