Provide guidelines for app-content lists

[skjnldsv]

The goal of this issue is to explain how I planned to integrate a fully comprehensive and complete solution for app devs to integrate a list (like contacts, mail...) into the app-content.

More to come, this issue will be update with sketches and examples! :)

Options

• Ability to select the item by checkbox / Ability to favorite the item / Coloured bullet to differentiate items
• Avatar
• Title
• Sub-title
• Additional info
• Button (max 1, more in popover)

Specifications

• Dimensions:
  • width: between 300 and 350 px
  • height: 68px
• No compressible height
• Ellispsis on title & sub-title
• Additional info is maximum 40% of width. No ellipsis. Lighter that other texts
• Button is aligned vertically, except if an additional info is present.
• Avatar is 36px
• Star is on top left of avatar, like files do (see Show checkbox where the favorite star is now #6361)
• The checkbox display is the avatar (like material design android)
• Coloured mark is either a bullet on top left OR a left border (like our navigation with the accent color)

Technical

• Flex will be used for title, additional info and button/popovermenu
• Avatar will be positionned absolute

Guidelines

• We will greatly suggest the dev to add an avatar or something. The left padding of the content will be removable but depreciated.
• Maximum 1 button. If more, create a popover menu