nextcloud-libraries / nextcloud-libraries/nextcloud-vue

Introduce cascading menus for actions

Open
#6,236 2 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop design feature: actions
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

I think the the current submenu UX is not ideal and should only be a mobile fallback. We should have proper cascading menus for devices that are big enough.
This allows to very quickly scan the content of the submenus and removes the clumsy mouse interaction of going one level deep and coming back.

Examples

Microsoft 365
Screenshot 2024-11-13 at 10 46 41

Google drive
Screenshot 2024-11-13 at 10 46 11

Slack
Screenshot 2024-11-13 at 10 55 06

Zoom
Screenshot 2024-11-13 at 10 55 28

Originally posted by @marcoambrosini in https://github.com/nextcloud-libraries/nextcloud-vue/issues/6209#issuecomment-2473048317

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files, tests, or entry points. Start by locating the current submenu implementation in the Vue component library and compare its desktop and mobile behavior with the examples; done means cascading menus work on sufficiently large devices while the existing submenu remains the mobile fallback.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.