Change admin indicator to icon-only

[silverwind]

Change admin indicator in navbar to icon only, which looks better imho, and the icon is the same as "Site Administration" in this menu, which is exactly what the admin role gives access to. User can hover over the icon to get a native title tooltip which localized text.

Works with any avatar and is now aligned to the notifications and stopwatch dots:

(Before there was slight misalignment):

Active state:

[wxiaoguang]

Besides the "text" problem, the "icon" is more not-suitable .... why there is a "server" icon next to the user's avatar, it seems more strange.

[silverwind]

I think the purpose becomes clear when opening the dropdown.

[wxiaoguang]

I think the purpose becomes clear when opening the dropdown.

But it still confuses users at first glance.

And the icon is also inconsistent with other navbar items like "notification", "stopwatch": they all use the blue balls.

[silverwind]

I read such blue dots as "activity indicator", but admin info is not such a state, it's a user attribute.

[a1012112796]

I'd like put it at right botom side

[hiifong]

Besides the "text" problem, the "icon" is more not-suitable .... why there is a "server" icon next to the user's avatar, it seems more strange.

+1

[silverwind]

Could move it, yeah. It doesn't have to be same position as the other blue activity indcators.

[silverwind]

Any other suggestions? Things about the current icon that I don't like:

• That it's blue. Blue is activity indicator, but this is not one
• That it's so big. I would prefer something more subtle

[silverwind]

Another possible icon would be the wrench. I find that more suitable than the server icon:

[hiifong]

There are two icons around the avatar, which looks unfriendly.

[lunny]

This might not necessary to be backport to v1.24

[wxiaoguang]

One more thing, I think we need a better design to cover a new case: I'd like to implement "impersonation" (allow admin to "sudo" as any user). We also need some indicator in the navbar.

[silverwind]

I guess "wrench" to indicate admin and a hat to indicate sudo should work. Would make them bottom-right aligned to the user icon. Also, change user settings icon in menu to something else then wrench.

[wxiaoguang]

Maybe we could simply add a new icon in the navbar?

For example:

[Bell] [Admin] [AddRepo] [UserAvatar]

The [Admin] icon could be a link to the admin panel. And we can easily change it to indicate "impersonation". Then we do not need any trick on the "UserAvatar"

[silverwind]

Hmm yes that would also work for me.

[wxiaoguang]

Hmm yes that would also work for me.

-> Refactor headnav bar icons #34922

Now we have more flexible layout and can add more icons

[silverwind]

Obsoleted by https://github.com/go-gitea/gitea/pull/34922.