Multi Upload feature improvements after review (MGNLDAM-1374)

[MGNLDAM-1376] UI improvements to the chooser's left-hand (white) area Created: 19/Jan/24  Updated: 08/Feb/24

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

Type: Sub-task Priority: Neutral
Reporter: Laura Delnevo Assignee: ricardo gonzalez
Resolution: Unresolved Votes: 0
Labels: usability
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2024-01-19 at 15.20.42.png     PNG File Screenshot 2024-01-19 at 15.31.43.png     PNG File Screenshot 2024-01-19 at 15.39.15.png     PNG File Screenshot 2024-01-19 at 15.39.19.png    
Template:
Team: AuthorX

 Description   

UI improvements to the chooser's left-hand area

ACs

No uploads. Empty list. Screen 1

  • No files selected..." text:
    • Make the text a little bigger (14pt) and lighter in color – dark-grey-hover (#656565)
    • Position: Centre the text in the grid or if difficult, perhaps move it to the footer
  • Size: make the height of the assets upload dialog a little smaller. It looks quite tall in relation to the original design mockup which is wider and less "squary". Also, unless the user adds many assets at once if feels like a waste of space.

Selected files list. Screen 2

  • Spacing: decrease the space between the icon and the asset name (8pt)
  • Size: Make the icons at the end of the row (warning and trash) be a little smaller than the asset icon
    • Something like 32pt for asset icon and 24pt for others

Selected files list. Screen 3

  • Style: update the colour of hovering states to be more contrasting. Light grey (#F5F5F5) for row hovering and white or mid grey (#DBDBDB) for deleting button

Figma file


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