nodebb-theme-persona 13.3.31 → 13.3.33

package/templates/partials/topic/watch.tpl

@@ -1,48 +1,48 @@
-<!-- IF config.loggedIn -->
-<div class="btn-group bottom-sheet" component="topic/watch"
-data-bs-toggle="tooltip"
-	{{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
-	{{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
-	{{{if isIgnoring}}}title="[[topic:ignoring]]"{{{end}}}
->
-	<button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
-		<span component="topic/following/menu" <!-- IF !isFollowing -->class="hidden"<!-- ENDIF !isFollowing -->><i class="fa fa-fw fa-bell-o"></i></span>
-
-		<span component="topic/not-following/menu" <!-- IF !isNotFollowing -->class="hidden"<!-- ENDIF !isNotFollowing -->><i class="fa fa-fw fa-bell-slash-o"></i></span>
-
-		<span component="topic/ignoring/menu" <!-- IF !isIgnoring -->class="hidden"<!-- ENDIF !isIgnoring -->><i class="fa fa-fw fa-eye-slash"></i></span>
-
-	</button>
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="topic/following" role="menuitem">
-				<span><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]</span>
-					<p class="help-text text-muted"><small>[[topic:watching.description]]</small></p>
-				</div>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="topic/not-following" role="menuitem">
-				<span><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]</span>
-					<p class="help-text text-muted"><small>[[topic:not-watching.description]]</small></p>
-				</div>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="topic/ignoring" role="menuitem">
-				<span><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]</span>
-					<p class="help-text text-muted"><small>[[topic:ignoring.description]]</small></p>
-				</div>
-			</a>
-		</li>
-	</ul>
-</div>
+<!-- IF config.loggedIn -->
+<div class="btn-group bottom-sheet" component="topic/watch"
+data-bs-toggle="tooltip"
+	{{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
+	{{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
+	{{{if isIgnoring}}}title="[[topic:ignoring]]"{{{end}}}
+>
+	<button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
+		<span component="topic/following/menu" <!-- IF !isFollowing -->class="hidden"<!-- ENDIF !isFollowing -->><i class="fa fa-fw fa-bell-o"></i></span>
+
+		<span component="topic/not-following/menu" <!-- IF !isNotFollowing -->class="hidden"<!-- ENDIF !isNotFollowing -->><i class="fa fa-fw fa-bell-slash-o"></i></span>
+
+		<span component="topic/ignoring/menu" <!-- IF !isIgnoring -->class="hidden"<!-- ENDIF !isIgnoring -->><i class="fa fa-fw fa-eye-slash"></i></span>
+
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="topic/following" role="menuitem">
+				<span><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]</span>
+					<p class="help-text text-muted"><small>[[topic:watching.description]]</small></p>
+				</div>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="topic/not-following" role="menuitem">
+				<span><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]</span>
+					<p class="help-text text-muted"><small>[[topic:not-watching.description]]</small></p>
+				</div>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="topic/ignoring" role="menuitem">
+				<span><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]</span>
+					<p class="help-text text-muted"><small>[[topic:ignoring.description]]</small></p>
+				</div>
+			</a>
+		</li>
+	</ul>
+</div>
 <!-- ENDIF config.loggedIn -->

package/templates/partials/topic-filters.tpl

@@ -1,12 +1,12 @@
-<div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
-	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedFilter.name}</span><span class="visible-xs-inline"><i class="fa fa-fw {selectedFilter.icon}"></i></span> <span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		{{{each filters}}}
-		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
-			<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{filters.url}"><i class="fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>{filters.name}</a>
-		</li>
-		{{{end}}}
-	</ul>
+<div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
+	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedFilter.name}</span><span class="visible-xs-inline"><i class="fa fa-fw {selectedFilter.icon}"></i></span> <span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		{{{each filters}}}
+		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
+			<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{filters.url}"><i class="fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>{filters.name}</a>
+		</li>
+		{{{end}}}
+	</ul>
 </div>

package/templates/partials/topic-terms.tpl

@@ -1,12 +1,12 @@
-<div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
-	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-	{selectedTerm.name} <span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		{{{each terms}}}
-		<li role="presentation" class="category">
-			<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{terms.url}"><i class="fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>{terms.name}</a>
-		</li>
-		{{{end}}}
-	</ul>
+<div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
+	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+	{selectedTerm.name} <span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		{{{each terms}}}
+		<li role="presentation" class="category">
+			<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{terms.url}"><i class="fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>{terms.name}</a>
+		</li>
+		{{{end}}}
+	</ul>
 </div>

package/templates/partials/topics_list.tpl

@@ -1,117 +1,117 @@
-<ul component="category" class="topic-list" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}" data-set="{set}">
-	{{{each topics}}}
-	<li component="category/topic" class="row clearfix category-item {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
-		<link itemprop="url" content="{config.relative_path}/topic/{../slug}" />
-		<meta itemprop="name" content="{function.stripTags, ../title}" />
-		<meta itemprop="itemListOrder" content="descending" />
-		<meta itemprop="position" content="{increment(./index, "1")}" />
-		<a id="{../index}" data-index="{../index}" component="topic/anchor"></a>
-
-		<div class="col-md-6 col-sm-9 col-10 content">
-			<div class="avatar float-start me-2">
-				<!-- IF showSelect -->
-				<div class="select" component="topic/select">
-					{{{ if ./thumbs.length }}}
-					<img src="{./thumbs.0.url}" class="user-img not-responsive" />
-					{{{ else }}}
-					{buildAvatar(../user, "48px", true, "not-responsive")}
-					{{{ end }}}
-					<i class="fa fa-check"></i>
-				</div>
-				<!-- ENDIF showSelect -->
-
-				<!-- IF !showSelect -->
-				<a href="<!-- IF topics.user.userslug -->{config.relative_path}/user/{topics.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.user.userslug -->" class="float-start">
-					{{{ if ./thumbs.length }}}
-					<img src="{./thumbs.0.url}" class="user-img not-responsive" />
-					{{{ else }}}
-					{buildAvatar(../user, "48px", true, "not-responsive")}
-					{{{ end }}}
-				</a>
-				<!-- ENDIF !showSelect -->
-			</div>
-
-			<h2 component="topic/header" class="title mb-1">
-				<i component="topic/watched" class="fa fa-bell-o {{{ if !topics.followed }}}hidden{{{ end }}}" title="[[topic:watching]]"></i>
-				<i component="topic/watched" class="fa fa-eye-slash {{{ if !topics.ignored }}}hidden{{{ end }}}" title="[[topic:ignoring]]"></i>
-				<i component="topic/scheduled" class="fa fa-clock-o {{{ if !topics.scheduled }}}hidden{{{ end }}}" title="[[topic:scheduled]]"></i>
-				<i component="topic/pinned" class="fa fa-thumb-tack {{{ if (topics.scheduled || !topics.pinned) }}}hidden{{{ end }}}" title="{{{ if !../pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {../pinExpiryISO}]]{{{ end }}}"></i>
-				<i component="topic/locked" class="fa fa-lock {{{ if !topics.locked }}}hidden{{{ end }}}" title="[[topic:locked]]"></i>
-				<i component="topic/moved" class="fa fa-arrow-circle-right {{{ if !topics.oldCid }}}hidden{{{ end }}}" title="[[topic:moved]]"></i>
-				{{{each topics.icons}}}{@value}{{{end}}}
-
-				{{{ if topics.noAnchor }}}
-				<span>{./title}</span>
-				{{{ else }}}
-				<a href="{config.relative_path}/topic/{./slug}{{{ if ./bookmark }}}/{./bookmark}{{{ end }}}">{./title}</a>
-				{{{ end }}}
-			</h2>
-			<div class="info">
-				<!-- IF !template.category -->
-				<div class="category-item d-inline-block">
-					{buildCategoryIcon(./category, "24px", "rounded-circle")}
-					<a class="text-muted" href="{config.relative_path}/category/{topics.category.slug}">{topics.category.name}</a>
-				</div>
-				&bull;
-				<!-- ENDIF !template.category -->
-
-
-				<span data-tid="{./tid}" component="topic/tags" class="tag-list hidden-xs {{{ if !./tags.length }}}hidden{{{ end}}}">
-					{{{ each ./tags }}}
-					<!-- IMPORT partials/topic/tag.tpl -->
-					{{{ end }}}
-					&bull;
-				</span>
-
-				<span class="hidden-xs"><span class="timeago text-muted" title="{./timestampISO}"></span> &bull; <a class="text-muted" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">{./user.displayname}</a></span>
-
-				<span class="visible-xs-inline timeago text-muted" title="{{{ if ./teaser.timestampISO }}}{./teaser.timestampISO}{{{ else }}}{./timestampISO}{{{ end }}}"></span>
-			</div>
-		</div>
-
-		<div class="mobile-stat col-2 visible-xs text-end">
-			<span>{humanReadableNumber(topics.postcount)}</span> <a href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"><i class="fa fa-arrow-circle-right"></i></a>
-		</div>
-
-		<div class="col-md-1 hidden-sm hidden-xs stats stats-votes">
-			<!-- IF !reputation:disabled -->
-			<span title="{topics.votes}">{humanReadableNumber(topics.votes)}</span><br />
-			<small>[[global:votes]]</small>
-			<!-- END -->
-		</div>
-
-		<div class="col-md-1 hidden-sm hidden-xs stats stats-postcount">
-			<span title="{topics.postcount}">{humanReadableNumber(topics.postcount)}</span><br />
-			<small>[[global:posts]]</small>
-		</div>
-
-		<div class="col-md-1 hidden-sm hidden-xs stats stats-viewcount">
-			<span title="{topics.viewcount}">{humanReadableNumber(topics.viewcount)}</span><br />
-			<small>[[global:views]]</small>
-		</div>
-
-		<div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser">
-			<div class="lastpost background-link-container" style="border-color: {topics.category.bgColor}">
-				<a class="background-link" href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"></a>
-				<!-- IF topics.unreplied -->
-				<p>
-					[[category:no-replies]]
-				</p>
-				<!-- ELSE -->
-				<!-- IF topics.teaser.pid -->
-				<p>
-					<a href="{config.relative_path}/user/{topics.teaser.user.userslug}">{buildAvatar(topics.teaser.user, "24px", true, "not-responsive")}</a>
-					<a class="permalink text-muted" href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}">
-						<span class="timeago" title="{topics.teaser.timestampISO}"></span>
-					</a>
-				</p>
-				<div class="post-content">
-					{topics.teaser.content}
-				</div>
-				<!-- ENDIF topics.teaser.pid -->
-				<!-- ENDIF topics.unreplied -->
-			</div>
-		</div>
-	</li>
-	{{{end}}}
-</ul>
+<ul component="category" class="topic-list" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}" data-set="{set}">
+	{{{each topics}}}
+	<li component="category/topic" class="row clearfix category-item {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
+		<link itemprop="url" content="{config.relative_path}/topic/{../slug}" />
+		<meta itemprop="name" content="{function.stripTags, ../title}" />
+		<meta itemprop="itemListOrder" content="descending" />
+		<meta itemprop="position" content="{increment(./index, "1")}" />
+		<a id="{../index}" data-index="{../index}" component="topic/anchor"></a>
+
+		<div class="col-md-6 col-sm-9 col-10 content">
+			<div class="avatar float-start me-2">
+				<!-- IF showSelect -->
+				<div class="select" component="topic/select">
+					{{{ if ./thumbs.length }}}
+					<img src="{./thumbs.0.url}" class="user-img not-responsive" />
+					{{{ else }}}
+					{buildAvatar(../user, "48px", true, "not-responsive")}
+					{{{ end }}}
+					<i class="fa fa-check"></i>
+				</div>
+				<!-- ENDIF showSelect -->
+
+				<!-- IF !showSelect -->
+				<a href="<!-- IF topics.user.userslug -->{config.relative_path}/user/{topics.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.user.userslug -->" class="float-start">
+					{{{ if ./thumbs.length }}}
+					<img src="{./thumbs.0.url}" class="user-img not-responsive" />
+					{{{ else }}}
+					{buildAvatar(../user, "48px", true, "not-responsive")}
+					{{{ end }}}
+				</a>
+				<!-- ENDIF !showSelect -->
+			</div>
+
+			<h2 component="topic/header" class="title mb-1">
+				<i component="topic/watched" class="fa fa-bell-o {{{ if !topics.followed }}}hidden{{{ end }}}" title="[[topic:watching]]"></i>
+				<i component="topic/watched" class="fa fa-eye-slash {{{ if !topics.ignored }}}hidden{{{ end }}}" title="[[topic:ignoring]]"></i>
+				<i component="topic/scheduled" class="fa fa-clock-o {{{ if !topics.scheduled }}}hidden{{{ end }}}" title="[[topic:scheduled]]"></i>
+				<i component="topic/pinned" class="fa fa-thumb-tack {{{ if (topics.scheduled || !topics.pinned) }}}hidden{{{ end }}}" title="{{{ if !../pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {../pinExpiryISO}]]{{{ end }}}"></i>
+				<i component="topic/locked" class="fa fa-lock {{{ if !topics.locked }}}hidden{{{ end }}}" title="[[topic:locked]]"></i>
+				<i component="topic/moved" class="fa fa-arrow-circle-right {{{ if !topics.oldCid }}}hidden{{{ end }}}" title="[[topic:moved]]"></i>
+				{{{each topics.icons}}}{@value}{{{end}}}
+
+				{{{ if topics.noAnchor }}}
+				<span>{./title}</span>
+				{{{ else }}}
+				<a href="{config.relative_path}/topic/{./slug}{{{ if ./bookmark }}}/{./bookmark}{{{ end }}}">{./title}</a>
+				{{{ end }}}
+			</h2>
+			<div class="info">
+				<!-- IF !template.category -->
+				<div class="category-item d-inline-block">
+					{buildCategoryIcon(./category, "24px", "rounded-circle")}
+					<a class="text-muted" href="{config.relative_path}/category/{topics.category.slug}">{topics.category.name}</a>
+				</div>
+				&bull;
+				<!-- ENDIF !template.category -->
+
+
+				<span data-tid="{./tid}" component="topic/tags" class="tag-list hidden-xs {{{ if !./tags.length }}}hidden{{{ end}}}">
+					{{{ each ./tags }}}
+					<!-- IMPORT partials/topic/tag.tpl -->
+					{{{ end }}}
+					&bull;
+				</span>
+
+				<span class="hidden-xs"><span class="timeago text-muted" title="{./timestampISO}"></span> &bull; <a class="text-muted" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">{./user.displayname}</a></span>
+
+				<span class="visible-xs-inline timeago text-muted" title="{{{ if ./teaser.timestampISO }}}{./teaser.timestampISO}{{{ else }}}{./timestampISO}{{{ end }}}"></span>
+			</div>
+		</div>
+
+		<div class="mobile-stat col-2 visible-xs text-end">
+			<span>{humanReadableNumber(topics.postcount)}</span> <a href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"><i class="fa fa-arrow-circle-right"></i></a>
+		</div>
+
+		<div class="col-md-1 hidden-sm hidden-xs stats stats-votes">
+			<!-- IF !reputation:disabled -->
+			<span title="{topics.votes}">{humanReadableNumber(topics.votes)}</span><br />
+			<small>[[global:votes]]</small>
+			<!-- END -->
+		</div>
+
+		<div class="col-md-1 hidden-sm hidden-xs stats stats-postcount">
+			<span title="{topics.postcount}">{humanReadableNumber(topics.postcount)}</span><br />
+			<small>[[global:posts]]</small>
+		</div>
+
+		<div class="col-md-1 hidden-sm hidden-xs stats stats-viewcount">
+			<span title="{topics.viewcount}">{humanReadableNumber(topics.viewcount)}</span><br />
+			<small>[[global:views]]</small>
+		</div>
+
+		<div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser">
+			<div class="lastpost background-link-container" style="border-color: {topics.category.bgColor}">
+				<a class="background-link" href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"></a>
+				<!-- IF topics.unreplied -->
+				<p>
+					[[category:no-replies]]
+				</p>
+				<!-- ELSE -->
+				<!-- IF topics.teaser.pid -->
+				<p>
+					<a href="{config.relative_path}/user/{topics.teaser.user.userslug}">{buildAvatar(topics.teaser.user, "24px", true, "not-responsive")}</a>
+					<a class="permalink text-muted" href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}">
+						<span class="timeago" title="{topics.teaser.timestampISO}"></span>
+					</a>
+				</p>
+				<div class="post-content">
+					{topics.teaser.content}
+				</div>
+				<!-- ENDIF topics.teaser.pid -->
+				<!-- ENDIF topics.unreplied -->
+			</div>
+		</div>
+	</li>
+	{{{end}}}
+</ul>

package/templates/partials/users/filter-dropdown-content.tpl

@@ -1,20 +1,20 @@
-<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-	{{{ if selectedUser }}}
-	<span class="">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
-	{{{ else }}}
-	<span class="">[[users:all-users]]</span>
-	{{{ end }}} <span class="caret"></span>
-</button>
-<ul class="dropdown-menu" role="menu">
-	<li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">
-		<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{allUsersUrl}"><i class="fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>[[users:all-users]]</a>
-	</li>
-	{{{ each users }}}
-	<li role="presentation" class="user {{{ if ./selected}}}selected{{{end}}}">
-		<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{./url}">
-			<i class="fa fa-fw {{{ if ./selected }}}fa-check{{{ end }}}"></i>
-			<div class="d-inline-flex gap-1 align-items-center">{buildAvatar(@value, "24px", true, "not-responsive")} {./username}</div>
-		</a>
-	</li>
-	{{{end}}}
-</ul>
+<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+	{{{ if selectedUser }}}
+	<span class="">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
+	{{{ else }}}
+	<span class="">[[users:all-users]]</span>
+	{{{ end }}} <span class="caret"></span>
+</button>
+<ul class="dropdown-menu" role="menu">
+	<li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">
+		<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{allUsersUrl}"><i class="fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>[[users:all-users]]</a>
+	</li>
+	{{{ each users }}}
+	<li role="presentation" class="user {{{ if ./selected}}}selected{{{end}}}">
+		<a class="dropdown-item" role="menuitem" href="{config.relative_path}/{./url}">
+			<i class="fa fa-fw {{{ if ./selected }}}fa-check{{{ end }}}"></i>
+			<div class="d-inline-flex gap-1 align-items-center">{buildAvatar(@value, "24px", true, "not-responsive")} {./username}</div>
+		</a>
+	</li>
+	{{{end}}}
+</ul>

package/templates/partials/users/item.tpl

@@ -1,44 +1,44 @@
-<li class="users-box registered-user text-center pb-3" data-uid="{users.uid}" style="width: 102px;">
-	<a href="{config.relative_path}/user/{users.userslug}">{buildAvatar(users, "64px", true)}</a>
-
-	<div class="user-info">
-		<div class="text-nowrap text-truncate">
-			<span>
-				<i component="user/status" class="fa fa-circle status {users.status}" title="[[global:{users.status}]]"></i>
-				<a  href="{config.relative_path}/user/{users.userslug}">{users.username}</a>
-			</span>
-		</div>
-		<!-- IF section_online -->
-		<div class="lastonline">
-			<span class="timeago" title="{users.lastonlineISO}"></span>
-		</div>
-		<!-- ENDIF section_online -->
-
-		<!-- IF section_joindate -->
-		<div class="joindate">
-			<span class="timeago" title="{users.joindateISO}"></span>
-		</div>
-		<!-- ENDIF section_joindate -->
-
-		<!-- IF section_sort-reputation -->
-		<div class="reputation">
-			<i class="fa fa-star"></i>
-			<span>{formattedNumber(users.reputation)}</span>
-		</div>
-		<!-- ENDIF section_sort-reputation -->
-
-		<!-- IF section_sort-posts -->
-		<div class="post-count">
-			<i class="fa fa-pencil"></i>
-			<span>{formattedNumber(users.postcount)}</span>
-		</div>
-		<!-- ENDIF section_sort-posts -->
-
-		<!-- IF section_flagged -->
-		<div class="flag-count">
-			<i class="fa fa-flag"></i>
-			<span><a href="{config.relative_path}/flags?targetUid={users.uid}">{users.flags}</a></span>
-		</div>
-		<!-- ENDIF section_flagged -->
-	</div>
+<li class="users-box registered-user text-center pb-3" data-uid="{users.uid}" style="width: 102px;">
+	<a href="{config.relative_path}/user/{users.userslug}">{buildAvatar(users, "64px", true)}</a>
+
+	<div class="user-info">
+		<div class="text-nowrap text-truncate">
+			<span>
+				<i component="user/status" class="fa fa-circle status {users.status}" title="[[global:{users.status}]]"></i>
+				<a  href="{config.relative_path}/user/{users.userslug}">{users.username}</a>
+			</span>
+		</div>
+		<!-- IF section_online -->
+		<div class="lastonline">
+			<span class="timeago" title="{users.lastonlineISO}"></span>
+		</div>
+		<!-- ENDIF section_online -->
+
+		<!-- IF section_joindate -->
+		<div class="joindate">
+			<span class="timeago" title="{users.joindateISO}"></span>
+		</div>
+		<!-- ENDIF section_joindate -->
+
+		<!-- IF section_sort-reputation -->
+		<div class="reputation">
+			<i class="fa fa-star"></i>
+			<span>{formattedNumber(users.reputation)}</span>
+		</div>
+		<!-- ENDIF section_sort-reputation -->
+
+		<!-- IF section_sort-posts -->
+		<div class="post-count">
+			<i class="fa fa-pencil"></i>
+			<span>{formattedNumber(users.postcount)}</span>
+		</div>
+		<!-- ENDIF section_sort-posts -->
+
+		<!-- IF section_flagged -->
+		<div class="flag-count">
+			<i class="fa fa-flag"></i>
+			<span><a href="{config.relative_path}/flags?targetUid={users.uid}">{users.flags}</a></span>
+		</div>
+		<!-- ENDIF section_flagged -->
+	</div>
 </li>

package/templates/partials/users_list.tpl

@@ -1,15 +1,15 @@
-<ul id="users-container" class="users-container list-unstyled d-flex flex-wrap gap-2">
-{{{each users}}}
-<!-- IMPORT partials/users/item.tpl -->
-{{{end}}}
-<!-- IF anonymousUserCount -->
-<li class="users-box anon-user text-center pb-3" style="width: 102px;">
-	<span class="avatar avatar-rounded text-bg-secondary" component="avatar/icon" style="--avatar-size: 64px;">G</span>
-	<br/>
-	<div class="user-info">
-		<span id="online_anon_count">{anonymousUserCount}</span>
-		<span>[[global:guests]]</span>
-	</div>
-</li>
-<!-- ENDIF anonymousUserCount -->
+<ul id="users-container" class="users-container list-unstyled d-flex flex-wrap gap-2">
+{{{each users}}}
+<!-- IMPORT partials/users/item.tpl -->
+{{{end}}}
+<!-- IF anonymousUserCount -->
+<li class="users-box anon-user text-center pb-3" style="width: 102px;">
+	<span class="avatar avatar-rounded text-bg-secondary" component="avatar/icon" style="--avatar-size: 64px;">G</span>
+	<br/>
+	<div class="user-info">
+		<span id="online_anon_count">{anonymousUserCount}</span>
+		<span>[[global:guests]]</span>
+	</div>
+</li>
+<!-- ENDIF anonymousUserCount -->
 </ul>

package/templates/partials/users_list_menu.tpl

@@ -1,21 +1,21 @@
-<ul component="user/list/menu" class="nav nav-pills">
-	<li class="nav-item">
-		<a class="nav-link" href="{config.relative_path}/users?section=online">[[global:online]]</a>
-	</li>
-	<li class="nav-item">
-		<a class="nav-link" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
-	</li>
-	{{{ if !reputation:disabled }}}
-	<li class="nav-item">
-		<a class="nav-link" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
-	</li>
-	{{{ end }}}
-	{{{ if isAdminOrGlobalMod }}}
-	<li class="nav-item">
-		<a class="nav-link" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
-	</li>
-	<li class="nav-item">
-		<a class="nav-link" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
-	</li>
-	{{{ end }}}
+<ul component="user/list/menu" class="nav nav-pills">
+	<li class="nav-item">
+		<a class="nav-link" href="{config.relative_path}/users?section=online">[[global:online]]</a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
+	</li>
+	{{{ if !reputation:disabled }}}
+	<li class="nav-item">
+		<a class="nav-link" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
+	</li>
+	{{{ end }}}
+	{{{ if isAdminOrGlobalMod }}}
+	<li class="nav-item">
+		<a class="nav-link" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
+	</li>
+	{{{ end }}}
 </ul>