Finish 2. point of roadmap: variants list (variants selection)

[orlinmalkja]

No description provided.

[paulpestov]

There are some things adresss here:

• Please refer to the video in the ticket Roadmap about Implementation of the Variants in Annotations Panel #261 which shows a mock-up of the variants list and try to stick to the overall design idea. Improvement suggestions:
  • remove table-like headlines, align things inside an item to the left
  • smaller size of the "chip", more rounded, outlined without background
  • reproduce the same chip design when adding an element in the text panel
  • fix dark mode styles
• I am confused by the fact that we see 3 clickable variant items where on click you get 4 "pairs" selected at once. In the mock-up they always have only 1 witness identifier next to the entry. So if I assume right, the task should be to split up each of those 3 items into 4 individual items, so each witness/entry pair becomes clickable. The 4 "pairs" still refer to the same text panel element, though. So it is only possible to inspect only 1 witness/entry at a time in the text panel. But maybe there is still a general misunderstanding of the data @mathias-goebel.

[paulpestov]

Also please chnge the icon names in the config and run npm run fix before submitting a PR. We need to bring that command to Github actions btw.