Journal file attach UX issues

[Steven]

Environment tested: Master
Browser tested: All desktop browsers
-- Samsung Tab 2 10" (actual device)
-- surface Pro 8.1 Edge (actual device)

===================
Manual Test Script
===================

Preconditions:
1) user has existing journal
2) user has a lot of files of different types (ie. image files, media files and document files etc..)

Steps to recreate:
1) user browse to Main menu > Content > Journals
2) user create new journal entry
3) user fills in all required fields correctly
4) user click add a file
-- a) An upload file modal displays with rest of page greyed out ✔
-- b) Modal has a section to upload files - choose files or drag and drop ✔
-- c) Modal displays all files user has uploaded ✔
-- d) check marks are displayed to the right of files

UX issue:
1) Check marks next to files indicate that the files have been selected and are misleading as check marks do not toggle
2) Clicking on a check mark adds the file to the page under the modal window and greyed out - user with poor vision may not notice that the files are being added
3) Clicking anywhere in the table row of the imagefile adds file to page except if user clicks the image file name - then the image is displayed
4) closing the image displayed also closes the modal file upload window

UX recommendation:
1) displayed modal window needs to show all actions perfomed while the window is open
2) remove static checkmarks and replace with toggles so user can select 1 or more files and then click a button to submit actions

NOTE: UX needs to be discussed with team to find a solution to the above issues

Catalyst QA