CN-022 Filter Icon Grid

DESIGN

  • Title opsplitsen in Title en Before title. Hiermee kan je onderscheid maken in de filtergrootheid en de waarde, nu stoppen we ze alle twee in de title, waardoor ze dezelfde lettergrootte hebben. Maar het is strakker als de grootheid kleiner is, omdat we hier ook het icon zelf voor hebben. Zie design zeplin https://app.zeplin.io/project/5de928d6b0986c9028396663/screen/5e99abaa401a867be6119998
  • Misschien een optie om de kleur en grootte van het icon zelf aan te passen, zonder dat de grootte van de tegel wordt aangepast. Net zoals het widget Icon, onder Style
  • Het zwarte randje om de tegel als het filter geactiveerd is aanpassen naar klein beetje shadow.

FUNCTIONEEL

  • Bij een tweede klik het filter weer wissen.
  • Iets minder ver naar beneden scrollen na een click – > de grid moet nog wel zichtbaar blijven
  • Bij de selectie van een tweede filter blijven ze alle twee staan, dat is goed! Maar er is er maar één met een activerings- highlight (zwarte randje)

RESPONSIVE

  • Op mobiel is ie veel te groot, mag veel kleiner

CN-023 Filter Bubble Bar

DESIGN

  • Het zwarte randje om de tegel als het filter geactiveerd is aanpassen naar klein beetje shadow.

FUNCTIONEEL

  • Bij een tweede klik het filter weer wissen.
  • Deze scrolt helemaal niet naar beneden, moet zover je nog de bar kan zien
  • Bij de selectie van een tweede filter blijven ze alle twee staan, dat is goed! Maar er is er maar één met een activerings- highlight (zwarte randje)

RESPONSIVE

  • Op mobiel is ie veel te groot, mag veel kleiner

CN-022 Filter Icon Grid

CN-023 Filter Bubble Bar