Repository navigation
Ellipsize user name in top right #3273
Description
Activity
- added1. to developAccepted and waiting to be taken care ofAccepted and waiting to be taken care ofdesignDesign, UI, UX, etc.Design, UI, UX, etc.
on Jan 26, 2017 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.
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 screensCurrently avatar will be always used when set, so why not have it also on larger screens when not set?
I don't know. This is a good question.
@nextcloud/designers what do you think?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 ;)
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.
This is indeed a good decision.
Thanks for the heads up @jancborchardtThanks for explanation. Makes sense, if the colour of the placeholder avatar is random.
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?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:
Reacted by Lukas Reschke, Christoph Seitz, Morris Jobke, Paulo Moura, enoch85 and John Molakvoæ6 remaining items
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.
A single-user icon would conflict with the contacts menu-icon which will be introduced with Nextcloud 12 ... @ChristophWurst - see #3233
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...
Reacted by John MolakvoæAhahah, see #3273 (comment) @eppfel
I was referring to that comment. Therefore I particular propose a
non-colored avatar
Or am I lost here?
Reacted by Morris Jobke and John MolakvoæHum, could be nice indeed!
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. ;)
Well, if we go for icon only then the long username will be irrelevant right?
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.
An avatar with fixed colour is a good idea though, and it will help fix nextcloud/notifications#60.
See @eppfel's comment
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. :)
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.
I see it as @skjnldsv It is only relevant for multi accounts, which I believe to be the minority.
Reacted by John MolakvoæThis is fixed with #4074
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