Side Panel (design): new visual

[loris-olivier]

Motivation

Give some focus on the side panel when open. The goal is to create a clearly different instance for a dataset and its associated plugins

Acceptance criteria

• Clearly define what belongs to overall informations (the header) and what belongs to the different plugins.
• Give access to a resize handle on the side to have more or less space inside the panel.

TODO

☑️ show a message when resource is deprecated ☑️ a resource can have multiple types ☑️Complete the Copy button ☑️ show the URL, ID, Address with revision

• how to deal with tags? ☑️ Missing 'add to cart' ☑️ When an older revision is selected, we are missing a message warning the user. In addition when this message is displayed, provide a link to the latest. ☑️ Missing links to Organization and Project

Not in Scope

• editing the name of the resource
• Brain region in the head informations

Figma

https://www.figma.com/file/lnhIF3FNFllLLzWdP0d3g4/BBP-%3E-Prototypes?node-id=57%3A28436

Mockups

Global Side Panel

Three size states Narrow

Extended

Measurement

Dropdown drawer

Dropdawn