[mobile layout] problem with "cannot upload a file here" and icon in the top right corner

[szaimen]

I am currently on Nextcloud 17.0.2 this happens on all mobile phones with different browsers.
The text that I cannot upload files here doesn't fit to the button in the top right corner: So it doesn't seem to be right this way:


Could this be some polishing for 18 or 19?

[wiswedel]

cc @nextcloud/designers

[jancborchardt]

Instead of showing the text directly, which is a bit in-your-face, we should:

• Show the upload icon, but greyed out
• On tap, show a popover with the text

cc @nextcloud/designers

[szaimen]

for the reference: you can the find the message line here:

server/apps/files/templates/list.php

Line 8 in a688f47

<?php p($l->t('You don’t have permission to upload or create files here'))?>

[szaimen]

And I suppose this is the part where it gets hidden or shown:

server/apps/files/js/filelist.js

Lines 2268 to 2289 in a688f47

	this.$el.find('.notCreatable').toggleClass('hidden', isCreatable);
	},
	/**
	* Shows/hides action buttons
	*
	* @param show true for enabling, false for disabling
	*/
	showActions: function(show){
	this.$el.find('.actions,#file_action_panel').toggleClass('hidden', !show);
	if (show){
	// make sure to display according to permissions
	var permissions = this.getDirectoryPermissions();
	var isCreatable = (permissions & OC.PERMISSION_CREATE) !== 0;
	this.$el.find('.creatable').toggleClass('hidden', !isCreatable);
	this.$el.find('.notCreatable').toggleClass('hidden', isCreatable);
	// remove old style breadcrumbs (some apps might create them)
	this.$el.find('#controls .crumb').remove();
	// refresh breadcrumbs in case it was replaced by an app
	this.breadcrumb.render();
	}
	else{
	this.$el.find('.creatable, .notCreatable').addClass('hidden');