nl-kat-coordination icon indicating copy to clipboard operation
nl-kat-coordination copied to clipboard

Design a tile/tabel view toggle component

Open NoemiOverdijk opened this issue 1 year ago • 2 comments

Since we have used the makeshift tile/table view toggle multiple times, we should create a Figma component in our design library to ensure consistency. We should consider:

  • Combining it with the header for the related content
  • Allowing for semi-flexible header sizes
  • Creating guidelines in the library for proper use

NoemiOverdijk avatar Feb 13 '24 08:02 NoemiOverdijk

Additional user story: As a user I would like to operate an easy switch between different viewing options in my report section 'basic security' (#2687); offering tables with findings per system or systems per finding.

It would be nice if we find a toggle option that is consistently used within openKAT.

RomijnHumanoids avatar Apr 22 '24 12:04 RomijnHumanoids

Looking at current designs, I think we need two different toggles:

  1. Difference in content, same view (week/month or per issue/per occurence
  2. Difference in view, same content (list/tiles)

I think both need to have a visual design that is clearly distinguishable from the other, whilst still looking similar enough to indicate similarity in funcionality.

NoemiOverdijk avatar May 01 '24 08:05 NoemiOverdijk

This design is ready for review.

You can find the design in Figma: https://www.figma.com/design/vblfDVl9C5sg16xtHkwXDR/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Components?node-id=2327%3A5087&t=5XAhEGl5JimccY6i-1

NoemiOverdijk avatar May 14 '24 13:05 NoemiOverdijk

This ticket is approved for implementation, you can find the approved design here:

https://www.figma.com/design/ENe9lxMBTOA3Nd745U7OKP/%E2%9C%85-KAT-%7C-Approved-%7C-Components?node-id=2315%3A2&t=CTYFSFvta5gJtjT6-1

NoemiOverdijk avatar May 15 '24 09:05 NoemiOverdijk