Annotate UI revamp: Annotation card layout
SUMMARY
Note: This topic consists of several tickets, which are linked.
The annotation cards in the Annotate sidebar should be rendered differently, see mockup below (from https://www.figma.com/proto/krQfXA23J9lslsGJocOCgb/branch/o7h6HotwmGDvjRIQ3bcktk/EdiT-LEOS?node-id=2861-137179&viewport=-1148%2C-1594%2C0.15&scaling=min-zoom&starting-point-node-id=2861%3A137179&show-proto-sidebar=1).
ACCEPTANCE CRITERIAS / GOALS
- All cards will have the same colour for a start. Their type is represented by a symbol: bubble for comments, light bulb for a suggestion, flashlight for a highlight.
- User name and unit/service still appear as top row, but the creation date appears below.
- The annotation comment/suggestion is written as third element. Red/green diffing for suggestions is to be kept, though not shown in the mockup.
- The commented text snippet is not foreseen to be shown for the moment.
- Action buttons are grouped in a menu placed in the top right corner of the card. It should contain edit, delete, reply, forward, accept, reject and "Mark as processed" (where available for the annotation type).
- A checkbox on top left is used for selecting the card (to be discussed with DIGIT: clicking inside the card shall no longer select the card?).
OTHER DESCRIPTIONS / DOCUMENTATION