Uploaded image for project: 'Magnolia DAM Module'
  1. Magnolia DAM Module
  2. MGNLDAM-1264

Hover action on assets thumbnail

XMLWordPrintable

    • Icon: Story Story
    • Resolution: Fixed
    • Icon: Neutral Neutral
    • 4.0.0
    • None
    • None
    • Yes
    • Yes

      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

        Acceptance criteria

          1.
          Implementation Sub-task To Do Unassigned
          2.
          Review Sub-task To Do Unassigned
          3.
          Pre-Integration QA Sub-task To Do Unassigned
          4.
          QA Sub-task To Do Unassigned
          5.
          Check performance on diff browsers with motion assets Discovery Sub-task To Do Unassigned

              lam.nguyen Lam Nguyen Bao
              ldelnevo Laura Delnevo
              AuthorX
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved:
                Work Started:

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - Not Specified
                  Not Specified
                  Logged:
                  Time Spent - 5d 6h 10m
                  5d 6h 10m