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)