nextcloud-libraries/nextcloud-vue

Introduce horizontal navigation in NcAppNavigation

Opened this issue · 1 comments

The problem:

Some apps that have too many columns. Some have 3, some have 4: NcAppNavigation, NcAppContentList, NcAppContent, and NcAppSidebar.

Here's an example in collectives. Keep in mind that although this is an extreme case, other apps might also suffer from displaying not so relevant content in lists and sidebar at the expense of user experience in interacting with the main content.

Screenshot from 2023-11-30 06-27-52

The proposed solution:

NcAppNavigation and NcAppContentList often represent a 2-dimensional list in which the user navigates to find the page that they want to open in the main content. It seems like in most use cases it's not necessary or important to show both lists at the same time, so I think a good solution to the problem is introducing a horizontal navigation within NcAppNavigation.

Screenshot from 2023-11-30 06-13-00

cc @nextcloud-libraries/designers

Just discussed this: For Collectives a solution that is already implemented is automatically closing the leftmost navigation when clicking on a collective, so that part is less of an issue.

What is more of a problem is the placement of Outline, which we likely should put into the right sidebar.