Add admin badge to navbar avatar

Replace the standalone site admin icon in the navbar with a
Discord-style shield badge on the user avatar. The badge uses a green
background with the cutout border technique from the notification count.
The "Site Administration" link in the dropdown menu remains unchanged.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: silverwind

templates/base/head_navbar.tmpl

@@ -88,7 +88,10 @@
 
 			<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="navbar-avatar tw-mr-1">
+						{{ctx.AvatarUtils.Avatar .SignedUser 24}}
+						{{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>

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}}

web_src/css/modules/navbar.css

@@ -101,13 +101,13 @@
   }
 }
 
-#navbar a.item:hover .notification_count,
-#navbar a.item:hover .header-stopwatch-dot {
+#navbar .item:hover .notification_count,
+#navbar .item:hover .header-stopwatch-dot {
   border-color: var(--color-nav-hover-bg);
 }
 
-#navbar a.item .notification_count,
-#navbar a.item .header-stopwatch-dot {
+#navbar .notification_count,
+#navbar .header-stopwatch-dot {
   color: var(--color-nav-bg);
   padding: 0 3.75px;
   font-size: 12px;
@@ -129,6 +129,25 @@
   white-space: nowrap;
 }
 
+.navbar-avatar {
+  position: relative;
+  display: inline-flex;
+  vertical-align: top;
+  margin-top: -0.25rem;
+  margin-bottom: -0.25rem;
+}
+
+.navbar-admin-badge {
+  position: absolute;
+  bottom: -4px;
+  right: -6px;
+  padding: 1px;
+  color: var(--color-black);
+  background: var(--color-success-text);
+  border: 2px solid var(--color-nav-bg);
+  border-radius: 10px; /* (height + 2 * borderThickness) / 2 */
+}
+
 .secondary-nav {
   background: var(--color-secondary-nav-bg) !important; /* important because of .ui.secondary.menu */
 }