[MGNLDAM-1263] Styling of Assets app tree view table updates Created: 08/Sep/23  Updated: 24/Jan/24  Resolved: 24/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: Sang Ngo Huu
Resolution: Fixed Votes: 0
Labels: dx-core-6.3, searchx
Remaining Estimate: 0d
Time Spent: 1.5h
Original Estimate: Not Specified

Attachments: JPEG File Level 1.jpg     JPEG File Level 2.jpg     JPEG File Level 3.jpg     PNG File Table-header components.png     PNG File Table-rows components.png    
Issue Links:
Cloners
clones PAGES-1453 Styling of Pages app tree view table ... Closed
Relates
relates to MGNLDAM-1264 Hover action on assets thumbnail Closed
dependency
depends upon MGNLUI-8649 Styling of app tree view table updates Closed
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
[ ]  Architecture Decision Record (ADR)
Documentation update required:
Yes
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 easily identify content within the Tree view mode, so that I can find my relevant content faster.

 

Assets app tree view table updates

  • Table header UI updates (check dev mode on Figma for styling details)
    • The header is now white instead of grey
    • The option to filter got removed
    • The text styling changed
    • Enabled 'Select all' (only selects what is rendered on the screen)
    • The 'Indeterminate' checkbox state gets added
  • Table grid UI updates (check dev mode on Figma for styling details)
    • The row height increased
    • The text styling changed
    • The 'Name' and 'Title' information get merged in the same column
      • The 'Name' becomes the hero information of each item in the assets app (which currently is taken from the 'Assets Name field')
      • The 'title' information gets incorporated together with the page path (e.g.: /stories-demo/authors/author-food-pexels-photo-270308)
      • If the Name/Path info happens to be longer than the column, 'ellipses...' should be added at the end of the visible part of the content - the full information can be uncovered by expanding the column as it works currently
    • 'Modified' column to read 'Last updated'
    • Remove 'Type' column (e.g.: image/jpg) and replace with 'Format' (e.g.: jpg)
    • Add 'Size' (MB) and 'Dimension' (pixels) columns after 'Format'.
    • Remove the icon before the Asset name but keep the image thumbnail
      • Have image thumbnail preview when supported (current supported formats here, but it could add great user value to preview all other assets types, documents included).
      • When not supported or image not available: should behave as currently (e.g.: for a PDF document, show PDF icon rather than preview)
      • The image thumbnail size is bigger (52px width - 35px height)
    • Enlarged image preview when hovering the image thumbnail (more details about the thumbnail behaviour in MGNLDAM-1264)

 

Designs


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