nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

Introduce cascading menus for actions

Open marcoambrosini opened this issue 1 year ago • 2 comments

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

marcoambrosini avatar Nov 19 '24 11:11 marcoambrosini

Discussed again in the design call.

The current decision:

  1. For the desktop use the cascade menu, like in other desktop apps and web-apps with multi-level menus
  2. For the mobile we have 2 options:
    1. Keep the current solution with opening the next menu and the "⬅️ Back" button (example: Signal) image
    2. Use a bottom sheet like mobile apps image

ShGKme avatar Jan 07 '25 12:01 ShGKme

@ShGKme for mobile as a first step we decided to go with i

marcoambrosini avatar Jan 08 '25 14:01 marcoambrosini