Ellipsize user name in top right

[jancborchardt]

Currently there is no width limit on the username. This can lead to overlays with long names and narrow screens. For that we should either have a maximum width, or flexible so it automatically ellipsizes when the space gets narrow.

This is probably easy now with the switch to flexbox. Before it was a bit finnicky. cc @nextcloud/designers

[claell]

A different approach would be the following:

• Currently the name is displayed when there is no image set.
• Instead of showing the name one could display an image with the initials like in the settings where an image can be set.

[skjnldsv]

I would agree to go avatar only in the case of a too narrow screen.
We could ellipsis for too long name but it could be great to go avatar for small screens

[claell]

Currently avatar will be always used when set, so why not have it also on larger screens when not set?

[skjnldsv]

I don't know. This is a good question.
@nextcloud/designers what do you think?

[MorrisJobke]

I don't know. This is a good question.
@nextcloud/designers what do you think?

Because we don't want to placeholder be there. The placeholder is okayish, but not super perfect ;)

[jancborchardt]

We decided against this actually because then you have a colored placeholder there in the top right. And the color probably clashes with the Nextcloud blue, or theme color. That’s why we use a name.

[skjnldsv]

This is indeed a good decision.
Thanks for the heads up @jancborchardt

[claell]

Thanks for explanation. Makes sense, if the colour of the placeholder avatar is random.

[skjnldsv]

What about removing the user name and put it inside the dropdown menu on narrow screen?
We could use something like a setting icon instead?

[MariusBluem]

What about removing the user name and put it inside the dropdown menu on narrow screen?
We could use something like a setting icon instead?

Wow. Nice idea @skjnldsv 👍 I thought about something like this, where you can also change your spreed/chat online status and maybe see your quota:

[skjnldsv]

This is amazing!! 😱😱😱😍😍

[skjnldsv]

@MariusBluem Could you work on it? 😍

PS: are you associating administrators with a rotten apple? 😱

[MariusBluem]

Could you work on it? 😍

I'd love to do ... bit I am really not an developer 😅😞
You see...its not a good idea to give a non-developer a iPad Pro with Pencil 😜

PS: are you associating administrators with a rotten apple? 😱

... I am at least not able to draw a gear 😒

[skjnldsv]

Ahaha, so sorry! 😂
But it was a beautiful rotten apple though! 😆

[skjnldsv]

So, what icon should we use as the menu-opener-button? :)

A rotten ap A setting icon?

[MorrisJobke]

A setting icon?

I only can find examples that use the avatar -.-

[eppfel]

I'd go for a single-user icon. I mean it would duplicate with the personal menu item, but for non-admins, that is actually what the menu is for: profile (personal), help and logout.

[MariusBluem]

A single-user icon would conflict with the contacts menu-icon which will be introduced with Nextcloud 12 ... @ChristophWurst - see #3233

[eppfel]

Was not aware. What if we use a non-colored avatar then? There was a issue about changing the default avatars. Maybe we have to think this through more...

[skjnldsv]

Ahahah, see #3273 (comment) @eppfel

[eppfel]

I was referring to that comment. Therefore I particular propose a

non-colored avatar

Or am I lost here?

[skjnldsv]

Hum, could be nice indeed!

[jancborchardt]

Sooo this is a great idea -> can you open a separate issue for it @MariusBluem? :)

Because long usernames are still an issue and unrelated to this. Let's not derail the thread. ;)

[skjnldsv]

Well, if we go for icon only then the long username will be irrelevant right?

[jancborchardt]

Sorry but the top right should always be personalized. Either profile image or ellipsized name. No generic user icon because then you don't know immediately with which user you are logged in if you have multiple.

[skjnldsv]

An avatar with fixed colour is a good idea though, and it will help fix nextcloud/notifications#60.

See @eppfel's comment

[jancborchardt]

A non colored avatar has two issues:

• We use colored avatar placeholders everywhere else. It’s confusing and not consistent.
• It would be the first letter of the name. So basically how a name would look ellipsized on a small display. On big screens it’s fine though.

Think responsive, folks. ;) This is only an issue on small displays, on big screens it’s super nice how we do it. This is simply about ellipsizing long names correctly, nothing more and nothing less. :)

[skjnldsv]

I honestly don't see the point of seeing my username on the header in my opinion. :)
But I can understand that people wants to.

Github just put the avatar for example, and without displaying the username.

[eppfel]

I see it as @skjnldsv It is only relevant for multi accounts, which I believe to be the minority.

[MorrisJobke]

This is fixed with #4074