From c3b1e7372eb8d3d097ea642133f52f5305c07e1f Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sun, 1 Mar 2026 21:48:47 +0100
Subject: [PATCH] Add admin badge to navbar avatar (#36790)

Replace the standalone site admin icon in the navbar with a
Discord-style shield badge on the user avatar.

<img width="278" height="73" alt="image"
src="https://github.com/user-attachments/assets/0b074006-30b9-43c6-8ef2-2120e32e139a"
/>


Fixes: https://github.com/go-gitea/gitea/issues/35904

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 templates/base/head_navbar.tmpl       |  7 +++++--
 templates/base/head_navbar_icons.tmpl |  5 -----
 web_src/css/modules/navbar.css        | 19 +++++++++++++++++--
 3 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/templates/base/head_navbar.tmpl b/templates/base/head_navbar.tmpl
index 22f1ba0b73..447f78565e 100644
--- a/templates/base/head_navbar.tmpl
+++ b/templates/base/head_navbar.tmpl
@@ -87,8 +87,11 @@
 			</div><!-- end dropdown menu create new -->
 
 			<div class="ui dropdown jump item" data-tooltip-content="{{ctx.Locale.Tr "user_profile_and_more"}}">
-				<span class="text">
-					{{ctx.AvatarUtils.Avatar .SignedUser 24 "tw-mr-1"}}
+				<span class="text tw-flex tw-items-center">
+					<span class="navbar-avatar">
+						{{ctx.AvatarUtils.Avatar .SignedUser 24 "tw-mr-2"}}
+						{{if .IsAdmin}}{{svg "octicon-shield-check" 16 "navbar-admin-badge"}}{{end}}
+					</span>
 					<span class="only-mobile">{{.SignedUser.Name}}</span>
 					<span class="not-mobile">{{svg "octicon-triangle-down"}}</span>
 				</span>
diff --git a/templates/base/head_navbar_icons.tmpl b/templates/base/head_navbar_icons.tmpl
index e3bdd27992..89b02389fc 100644
--- a/templates/base/head_navbar_icons.tmpl
+++ b/templates/base/head_navbar_icons.tmpl
@@ -17,9 +17,4 @@
 			<span class="notification_count{{if not $notificationUnreadCount}} tw-hidden{{end}}">{{$notificationUnreadCount}}</span>
 		</div>
 	</a>
-	{{if $data.IsSiteAdmin}}
-	<a class="item {{$itemExtraClass}}" href="{{AppSubUrl}}/-/admin" data-tooltip-content="{{ctx.Locale.Tr "admin_panel"}}">
-		{{svg "octicon-server"}}
-	</a>
-	{{end}}
 {{end}}
diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css
index 149766a586..19a9f389d7 100644
--- a/web_src/css/modules/navbar.css
+++ b/web_src/css/modules/navbar.css
@@ -102,12 +102,14 @@
 }
 
 #navbar a.item:hover .notification_count,
-#navbar a.item:hover .header-stopwatch-dot {
+#navbar a.item:hover .header-stopwatch-dot,
+#navbar .item.active .navbar-admin-badge {
   border-color: var(--color-nav-hover-bg);
 }
 
 #navbar a.item .notification_count,
-#navbar a.item .header-stopwatch-dot {
+#navbar a.item .header-stopwatch-dot,
+#navbar .item .navbar-admin-badge {
   color: var(--color-nav-bg);
   padding: 0 3.75px;
   font-size: 12px;
@@ -127,6 +129,19 @@
   z-index: 1; /* prevent menu button background from overlaying icon */
   user-select: none;
   white-space: nowrap;
+  overflow: visible;
+}
+
+.navbar-avatar {
+  position: relative;
+  display: inline-flex;
+}
+
+#navbar .item .navbar-admin-badge {
+  position: absolute;
+  bottom: calc(100% - 29px);
+  left: calc(100% - 18px);
+  padding: 1.5px;
 }
 
 .secondary-nav {