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 @@
-
- {{ctx.AvatarUtils.Avatar .SignedUser 24 "tw-mr-1"}}
+
+
+ {{ctx.AvatarUtils.Avatar .SignedUser 24 "tw-mr-2"}}
+ {{if .IsAdmin}}{{svg "octicon-shield-check" 16 "navbar-admin-badge"}}{{end}}
+
{{.SignedUser.Name}}
{{svg "octicon-triangle-down"}}
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 @@
{{$notificationUnreadCount}}
- {{if $data.IsSiteAdmin}}
-
- {{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 {