nextcloud-libraries / nextcloud-libraries/nextcloud-vue
Introduce horizontal navigation in NcAppNavigation
Nobody has claimed this yet.
- Dominant language
- Vue
- Stars
- 246
- Forks
- 99
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 103
Description
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.
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.
cc @nextcloud-libraries/designers
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Begin by locating the NcAppNavigation and NcAppContentList components and reviewing how they are used together in the example described. The issue provides screenshots but no file paths, tests, or detailed interaction requirements; done means introducing horizontal navigation that reduces the need to display both lists simultaneously.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100