templates/partials/header/topbar.tpl

@@ -17,7 +17,7 @@
 						{{{ if ./iconClass }}}
 						<i class="fa fa-fw {./iconClass}" data-content="{./content}"></i>
 						{{{ end }}}
-						{{{ if ./text }}}<span class="nav-text text-truncate">{./text}</span>{{{ end }}}
+						{{{ if ./text }}}<span class="nav-text text-truncate {./textClass}">{./text}</span>{{{ end }}}
 						<span component="navigation/count" class="badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
 					</a>
 					{{{ if ./dropdown }}}
@@ -117,7 +117,7 @@
 				{{{ if displayMenuItem(@root, @index) }}}
 				<a class="wg-topbar__drawer-link {./class}" href="{./route}" {{{ if ./targetBlank }}}target="_blank"{{{ end }}}>
 					{{{ if ./iconClass }}}<i class="fa fa-fw {./iconClass}" aria-hidden="true"></i>{{{ end }}}
-					{{{ if ./text }}}<span>{./text}</span>{{{ end }}}
+					{{{ if ./text }}}<span class="{./textClass}">{./text}</span>{{{ end }}}
 					<span component="navigation/count" class="badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
 				</a>
 				{{{ end }}}

tests/global-topbar-contract.test.js

@@ -105,6 +105,8 @@ assertIncludes(topbar, '{{{ if config.loggedIn }}}', 'Topbar should branch on th
 assertIncludes(topbar, '{{{ if canChat }}}', 'Chat controls should remain permission-gated');
 assertIncludes(topbar, '{{{ if allowRegistration }}}', 'Registration should remain server-gated');
 assertIncludes(topbar, '{{{ each navigation }}}', 'Topbar should render ACP Navigation items');
+assertIncludes(topbar, '{./textClass}', 'Topbar should honor ACP Navigation text visibility classes');
+assertExcludes(topbar, 'href="{relative_path}/admin"', 'Topbar should not hard-code the administrator link');
 
 assertMissing(
 	'templates/partials/header/brand.tpl',