[FEATURE REQUEST] Set space cells in horizontal with menu

[jesmrec]

This is the current spaces view in mobile apps:

Android	iOS

The idea is moving to design like the iOS one.

This horizontal cells don't use to show the image correctly (kind of cropped).

Changes:

• List of spaces vertical. Every cell uses the view width with some margins.

• Every cell includes a three-dot-button (or any other menu indicator).

• By clicking the three-dot-button, a bottom menu will be raised. Such menu will include the available options (future issue), and the header will show the space name, quota and the space generic icon, like iOS does.

TASKS

• Research (if needed)
• Create branch feature/spaces_in_horizontal_with_menu
• Development tasks
  • Change the space orientation to horizontal (only 1 column)
  • Add three dot menu to the space card
  • Open empty bottom sheet dialog when three dot menu is clicked
  • Implement unit tests (if needed)
• Code review and apply changes requested
• Design test plan
• QA
• Merge branch feature/spaces_in_horizontal_with_menu into master

[joragua]

First approach

• The orientation of the spaces list has been changed to horizontal, displaying only one column.
• A three dot menu has been added to the space card.
• When the three dot menu is clicked, a bottom sheet dialog is displayed.

Old version	New version	Bottom Sheet Dialog

Nice to have

• Create a new resource for the space icon using a different color, the same used for folder icon: https://github.com/owncloud/android/blob/master/owncloudApp/src/main/res/drawable-hdpi/ic_menu_archive.png
• Should we add the “last modified” property to the bottom sheet (next to the quota)? -> Not necessary

[joragua]

Second approach

• Added margins to space cards
• Reduce the height of the image in the card
• New color for the space icon in the bottom sheet dialog

Spaces List	Bottom Sheet Dialog