performant-software / Annotation-Studio

An online annotation platform for teaching and learning in the humanities.
http://www.annotationstudio.org
GNU General Public License v2.0
4 stars 1 forks source link

Improve document folder UX #436

Closed camdendotlol closed 1 year ago

camdendotlol commented 1 year ago

What this PR does

This PR addresses some feedback from the client and fixes a few things I noticed as I worked.

  1. Folders are represented as labeled icons (folder-fill.svg from Bootstrap Icons). Clicking one opens the corresponding folder, and the icon is highlighted to signify that this folder is open.
  2. Folder management buttons have been relabeled and slightly re-styled. They now appear on the lefthand side of their inputs, with labels adjusted as per Dino's feedback.

Screenshots

Teacher/Admin View

Screen Shot 2022-09-14 at 3 07 37 PM

Student View

No folder selected

Screen Shot 2022-09-14 at 3 09 27 PM

Folder selected

Screen Shot 2022-09-14 at 3 09 59 PM

How to test

The main source of potential issues is the chance that I broke the core functionality when making these changes.

You can follow the steps from #433, keeping in mind that they won't match up 100% due to this PR's visual updates. Also make sure that clicking on folder icons brings up the correct folder.