Admin tip cover the dropdown icon

[yp05327]

Description

From : #32927
In my browser:

In the PR's description:

It seems that the admin tip cover the dropdown icon

Gitea Version

latest

Can you reproduce the bug on the Gitea demo site?

No

Log Gist

No response

Screenshots

No response

Git Version

No response

Operating System

No response

How are you running Gitea?

build

Database

None

[wxiaoguang]

Try to make it smaller:

diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css
index b5bc95b058..b60d25977d 100644
--- a/web_src/css/modules/navbar.css
+++ b/web_src/css/modules/navbar.css
@@ -103,11 +103,11 @@
 #navbar .ui.dropdown .navbar-profile-admin {
   display: block;
   position: absolute;
-  font-size: 10px;
+  font-size: 9px;
   font-weight: var(--font-weight-bold);
   color: var(--color-nav-bg);
   background: var(--color-primary);
-  padding: 2px 4px;
+  padding: 2px 3px;
   border-radius: 10px;
   top: -1px;
   left: 18px;

[yp05327]

Maybe an icon or a border is better?
If it is a word ‘admin’ here, in other languages it maybe very long?

[wxiaoguang]

If it is a word ‘admin’ here, in other languages it maybe very long?

[yp05327]

Personally, I prefer using an icon like sparkle-fill or sparkles-fill or something else, not a const word. Of cause, it is acceptable adjusting the font size.

[wxiaoguang]

I prefer using an icon like sparkle-fill or sparkles-fill or something

I didn't find a suitable icon to show that "the current user is an admin", if the icon's meaning is not clear, it would mislead & confuse users.