design system: project button

[pirhoo]

• [x] project label
• [x] project button
• [x] project link
• [x] project thumbnail
• [x] project dropdown selector

[pirhoo]

Components are here:

• https://icij.github.io/datashare-client/?path=/docs/components-project-projectbutton--docs
• https://icij.github.io/datashare-client/?path=/docs/components-project-projectdropdownselector--docs
• https://icij.github.io/datashare-client/?path=/docs/components-project-projectlabel--docs

[Soliine]

Great! I should have designed it before so I am sorry about that but to be more consistent with the rest of the design system, I suggest this dropdown selector:

Note that I remove the pink border when the dropdown is open because it would make two pink borders when user hovers the "search filters" field (and I tried and it's too much pink!)

[pirhoo]

OK no problem, I'm gonna try to apply a similar style to all dropdown menu.

[pirhoo]

The new component is here: https://icij.github.io/datashare-client/?path=/docs/components-project-projectdropdownselector-projectdropdownselector--docs

[Soliine]

Great!

[pirhoo]

We must:

• not close the dropdown on "select all"
• check the first item when unchecking "select all"

[pirhoo]

Done!

[Soliine]

Perfect!