Introduce a notice for instant upload / drag&drop in below file list

[eppfel]

As discussed in #4273 we want to break down @Espina2 ideas into smaller improvements. I propose to introduce the notice for drag & drop in the whitespace below the files. This is in particular helpful in public sharing / to non-nextcloud users.

Here is a quick sketch:

If the file list takes the whole height, the info could move directly above the first file as in @Espina2 proposal.

@nextcloud/designers

[Espina2]

@eppfel This will break as soon as you have more projects or a smaller resolution.

[MorrisJobke]

I would also say, that it should be on the top and you should be able to remove it (setting a cookie for external users and a setting for internal ones). Just 2 rows at the top that say the same.

[jancborchardt]

@Espina2 as @eppfel said above:

If the file list takes the whole height, the info could move directly above the first file as in @Espina2 proposal.

I do agree though that it should be on the top of the file list, maximum 2 rows height, and with an x-Close button. Then it’s always in the same place and doesn’t depend on the size of the view.

Great work! :)

[Espina2]

Also agree with the close button.

[jancborchardt]

As @eppfel suggested in #4011 (comment) we should do this as the first row of the files view, combined with the Upload function. (That is, clicking on it will open the dropdown with the filetypes.)

Wording could be:

Choose files to upload or drag & drop

Maybe a bit shorter, but also we should include that you can create folders via that function. Maybe it even makes sense to directly show the most important functions like Upload file, New folder, and then a 3-dot menu for the rest? (Text files and Collabora filetypes)

[Espina2]

@jancborchardt

Upload file, New folder, and then a 3-dot menu for the rest?

Please don't do that, one of the problems that the actual UI have is important stuff hide on the three dots.

[jancborchardt]

@Espina2 if everything is important, nothing is important. There has to be some prioritization. And we have adding options for Spreadsheets, Documents, Presentation etc - no way we show that all in the UI without it being cluttered.

[skjnldsv]

Should the close button move it at the end of the file list?
Should we memorise the setting so if we refresh the drop is still gone?
There was an app by @rullzer and @tobiasKaminsky where the drop was in the left sidebar. https://github.com/rullzer/dropit

Since dropping on low screen is anyway almost impossible, we could either:

1. Only have a drop on the left bottom (above the settings)
2. Have it above the file list and move it in the sidebar on close

[rullzer]

@skjnldsv there is no drop on the left in dropit. There is just the link to it there ;)

[skjnldsv]

@rullzer oh? I misunderstood, I thought you added a drop zone :)

[rullzer]

Yeah that was the plan. But my js fu failed me

[MorrisJobke]

This is also more about dropping in the current folder. You can also drop onto the files list: if it is a folder it is highlighted and you drop into it or if it is a file it will highlight the whole file list (IIRC) and then uploads in the current folder

[MorrisJobke]

Also the setting should be remembered- one per user - and the notice is then completely gone and not I. The bottom, or?

[skjnldsv]

To my view, the drop zone should not be gone completely. If the user closes it, we should ensure that if he wants it back, he should do it without too much difficulties :)
Nonetheless, couldn't we just set the whole blank area at the bottom as a drop zone?

[MorrisJobke]

Nonetheless, couldn't we just set the whole blank area at the bottom as a drop zone?

But the whole app content (not the sidebars) is already a drop zone 🤔 What do you want to add here? This ticket is only about a little help text to make it more obvious.

[skjnldsv]

What do you want to add here?

Just a more obvious text/div/whatever to be more noticeable :)