nodebb-theme-persona 11.3.20 → 11.3.21

package/templates/partials/topic/navigation-post.tpl

@@ -1,12 +1,12 @@
-<div class="clearfix">
-	<div class="icon pull-left">
-		<a href="<!-- IF post.user.userslug -->{config.relative_path}/user/{post.user.userslug}<!-- ELSE -->#<!-- ENDIF post.user.userslug -->">
-			{buildAvatar(post.user, "sm", true, "", "user/picture")} {post.user.username}
-		</a>
-	</div>
-	<small class="pull-right">
-		<span class="timeago" title="{post.timestampISO}"></span>
-	</small>
-</div>
-
+<div class="clearfix">
+	<div class="icon pull-left">
+		<a href="<!-- IF post.user.userslug -->{config.relative_path}/user/{post.user.userslug}<!-- ELSE -->#<!-- ENDIF post.user.userslug -->">
+			{buildAvatar(post.user, "sm", true, "", "user/picture")} {post.user.username}
+		</a>
+	</div>
+	<small class="pull-right">
+		<span class="timeago" title="{post.timestampISO}"></span>
+	</small>
+</div>
+
 <div>{post.content}</div>

package/templates/partials/topic/necro-post.tpl

@@ -1,3 +1,3 @@
-<li component="topic/necro-post" class="necro-post timeline-event">
-	<span class="timeline-text">{text}</span>
+<li component="topic/necro-post" class="necro-post timeline-event">
+	<span class="timeline-text">{text}</span>
 </li>

package/templates/partials/topic/post-menu.tpl

@@ -1,4 +1,4 @@
-<span component="post/tools" class="dropdown moderator-tools bottom-sheet <!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
-	<a href="#" data-toggle="dropdown" data-ajaxify="false"><i class="fa fa-fw fa-ellipsis-v"></i></a>
-	<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
-</span>
+<span component="post/tools" class="dropdown moderator-tools bottom-sheet <!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
+	<a href="#" data-toggle="dropdown" data-ajaxify="false"><i class="fa fa-fw fa-ellipsis-v"></i></a>
+	<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
+</span>

package/templates/partials/topic/post.tpl

@@ -1,105 +1,105 @@
-<div class="clearfix post-header">
-	<div class="icon pull-left">
-		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
-			{buildAvatar(posts.user, "sm2x", true, "", "user/picture")}
-			<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
-		</a>
-	</div>
-
-	<small class="pull-left">
-		<strong>
-			<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->" itemprop="author" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
-		</strong>
-
-		<!-- IMPORT partials/topic/badge.tpl -->
-
-		<!-- IF posts.user.banned -->
-		<span class="label label-danger">[[user:banned]]</span>
-		<!-- ENDIF posts.user.banned -->
-
-		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
-			<!-- IF posts.toPid -->
-			<a component="post/parent" class="btn btn-xs btn-default hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{posts.toPid}"><i class="fa fa-reply"></i> @<!-- IF posts.parent.username -->{posts.parent.username}<!-- ELSE -->[[global:guest]]<!-- ENDIF posts.parent.username --></a>
-			<!-- ENDIF posts.toPid -->
-
-			<span>
-				<!-- IF posts.user.custom_profile_info.length -->
-				&#124;
-				{{{each posts.user.custom_profile_info}}}
-				{posts.user.custom_profile_info.content}
-				{{{end}}}
-				<!-- ENDIF posts.user.custom_profile_info.length -->
-			</span>
-		</span>
-
-	</small>
-	<small class="pull-right">
-		<span class="bookmarked"><i class="fa fa-bookmark-o"></i></span>
-	</small>
-	<small class="pull-right">
-		<i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
-
-		<small data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by, {posts.editor.username}]] <span class="timeago" title="{posts.editedISO}"></span></small>
-
-		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
-			<a class="permalink" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
-		</span>
-	</small>
-</div>
-
-<br />
-
-<div class="content" component="post/content" itemprop="text">
-	{posts.content}
-</div>
-
-<div class="post-footer">
-	{{{ if posts.user.signature }}}
-	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{posts.user.signature}</div>
-	{{{ end }}}
-
-	<div class="clearfix">
-	{{{ if !hideReplies }}}
-	<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="threaded-replies no-select pull-left {{{ if !posts.replies.count }}}hidden{{{ end }}}">
-		<span component="post/reply-count/avatars" class="avatars {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
-			{{{each posts.replies.users}}}
-			{buildAvatar(posts.replies.users, "xs", true, "")}
-			{{{end}}}
-		</span>
-
-		<span class="replies-count" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
-		<span class="replies-last hidden-xs">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
-
-		<i class="fa fa-fw fa-chevron-right" component="post/replies/open"></i>
-		<i class="fa fa-fw fa-chevron-down hidden" component="post/replies/close"></i>
-		<i class="fa fa-fw fa-spin fa-spinner hidden" component="post/replies/loading"></i>
-	</a>
-	{{{ end }}}
-
-	<small class="pull-right">
-		<span class="post-tools">
-			<a component="post/reply" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
-			<a component="post/quote" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:quote]]</a>
-		</span>
-
-		<!-- IF !reputation:disabled -->
-		<span class="votes">
-			<a component="post/upvote" href="#" class="<!-- IF posts.upvoted -->upvoted<!-- ENDIF posts.upvoted -->">
-				<i class="fa fa-chevron-up"></i>
-			</a>
-
-			<span component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</span>
-
-			<!-- IF !downvote:disabled -->
-			<a component="post/downvote" href="#" class="<!-- IF posts.downvoted -->downvoted<!-- ENDIF posts.downvoted -->">
-				<i class="fa fa-chevron-down"></i>
-			</a>
-			<!-- ENDIF !downvote:disabled -->
-		</span>
-		<!-- ENDIF !reputation:disabled -->
-
-		<!-- IMPORT partials/topic/post-menu.tpl -->
-	</small>
-	</div>
-	<div component="post/replies/container"></div>
+<div class="clearfix post-header">
+	<div class="icon pull-left">
+		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
+			{buildAvatar(posts.user, "sm2x", true, "", "user/picture")}
+			<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
+		</a>
+	</div>
+
+	<small class="pull-left">
+		<strong>
+			<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->" itemprop="author" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
+		</strong>
+
+		<!-- IMPORT partials/topic/badge.tpl -->
+
+		<!-- IF posts.user.banned -->
+		<span class="label label-danger">[[user:banned]]</span>
+		<!-- ENDIF posts.user.banned -->
+
+		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+			<!-- IF posts.toPid -->
+			<a component="post/parent" class="btn btn-xs btn-default hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{posts.toPid}"><i class="fa fa-reply"></i> @<!-- IF posts.parent.username -->{posts.parent.username}<!-- ELSE -->[[global:guest]]<!-- ENDIF posts.parent.username --></a>
+			<!-- ENDIF posts.toPid -->
+
+			<span>
+				<!-- IF posts.user.custom_profile_info.length -->
+				&#124;
+				{{{each posts.user.custom_profile_info}}}
+				{posts.user.custom_profile_info.content}
+				{{{end}}}
+				<!-- ENDIF posts.user.custom_profile_info.length -->
+			</span>
+		</span>
+
+	</small>
+	<small class="pull-right">
+		<span class="bookmarked"><i class="fa fa-bookmark-o"></i></span>
+	</small>
+	<small class="pull-right">
+		<i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
+
+		<small data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by, {posts.editor.username}]] <span class="timeago" title="{posts.editedISO}"></span></small>
+
+		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+			<a class="permalink" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
+		</span>
+	</small>
+</div>
+
+<br />
+
+<div class="content" component="post/content" itemprop="text">
+	{posts.content}
+</div>
+
+<div class="post-footer">
+	{{{ if posts.user.signature }}}
+	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{posts.user.signature}</div>
+	{{{ end }}}
+
+	<div class="clearfix">
+	{{{ if !hideReplies }}}
+	<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="threaded-replies no-select pull-left {{{ if !posts.replies.count }}}hidden{{{ end }}}">
+		<span component="post/reply-count/avatars" class="avatars {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
+			{{{each posts.replies.users}}}
+			{buildAvatar(posts.replies.users, "xs", true, "")}
+			{{{end}}}
+		</span>
+
+		<span class="replies-count" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
+		<span class="replies-last hidden-xs">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
+
+		<i class="fa fa-fw fa-chevron-right" component="post/replies/open"></i>
+		<i class="fa fa-fw fa-chevron-down hidden" component="post/replies/close"></i>
+		<i class="fa fa-fw fa-spin fa-spinner hidden" component="post/replies/loading"></i>
+	</a>
+	{{{ end }}}
+
+	<small class="pull-right">
+		<span class="post-tools">
+			<a component="post/reply" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
+			<a component="post/quote" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:quote]]</a>
+		</span>
+
+		<!-- IF !reputation:disabled -->
+		<span class="votes">
+			<a component="post/upvote" href="#" class="<!-- IF posts.upvoted -->upvoted<!-- ENDIF posts.upvoted -->">
+				<i class="fa fa-chevron-up"></i>
+			</a>
+
+			<span component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</span>
+
+			<!-- IF !downvote:disabled -->
+			<a component="post/downvote" href="#" class="<!-- IF posts.downvoted -->downvoted<!-- ENDIF posts.downvoted -->">
+				<i class="fa fa-chevron-down"></i>
+			</a>
+			<!-- ENDIF !downvote:disabled -->
+		</span>
+		<!-- ENDIF !reputation:disabled -->
+
+		<!-- IMPORT partials/topic/post-menu.tpl -->
+	</small>
+	</div>
+	<div component="post/replies/container"></div>
 </div>

package/templates/partials/topic/quickreply.tpl

@@ -1,20 +1,20 @@
-<!-- IF privileges.topics:reply -->
-<div class="clearfix quick-reply">
-	<div class="icon pull-left hidden-xs">
-		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
-			{buildAvatar(loggedInUser, "46", true, "", "user/picture")}
-			<!-- IF loggedInUser.status -->
-			<i component="user/status" class="fa fa-circle status {loggedInUser.status}" title="[[global:{loggedInUser.status}]]"></i>
-			<!-- ENDIF loggedInUser.status -->
-		</a>
-	</div>
-	<form method="post" action="{config.relative_path}/compose">
-		<input type="hidden" name="tid" value="{tid}" />
-		<input type="hidden" name="_csrf" value="{config.csrf_token}" />
-		<div class="quickreply-message">
-			<textarea name="content" component="topic/quickreply/text" class="form-control" rows="5"></textarea>
-		</div>
-		<button type="submit" component="topic/quickreply/button" class="btn btn-primary pull-right">[[topic:post-quick-reply]]</button>
-	</form>
-</div>
-<!-- ENDIF privileges.topics:reply -->
+<!-- IF privileges.topics:reply -->
+<div class="clearfix quick-reply">
+	<div class="icon pull-left hidden-xs">
+		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
+			{buildAvatar(loggedInUser, "46", true, "", "user/picture")}
+			<!-- IF loggedInUser.status -->
+			<i component="user/status" class="fa fa-circle status {loggedInUser.status}" title="[[global:{loggedInUser.status}]]"></i>
+			<!-- ENDIF loggedInUser.status -->
+		</a>
+	</div>
+	<form method="post" action="{config.relative_path}/compose">
+		<input type="hidden" name="tid" value="{tid}" />
+		<input type="hidden" name="_csrf" value="{config.csrf_token}" />
+		<div class="quickreply-message">
+			<textarea name="content" component="topic/quickreply/text" class="form-control" rows="5"></textarea>
+		</div>
+		<button type="submit" component="topic/quickreply/button" class="btn btn-primary pull-right">[[topic:post-quick-reply]]</button>
+	</form>
+</div>
+<!-- ENDIF privileges.topics:reply -->

package/templates/partials/topic/reply-button.tpl

@@ -1,27 +1,27 @@
-<div component="topic/reply/container" class="btn-group action-bar bottom-sheet <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">
-	<a href="{config.relative_path}/compose?tid={tid}&title={title}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply visible-xs-inline"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[topic:reply]]</span></a>
-	<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown">
-		<span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu pull-right" role="menu">
-		<li><a href="#" component="topic/reply-as-topic">[[topic:reply-as-topic]]</a></li>
-	</ul>
-</div>
-
-<!-- IF loggedIn -->
-<!-- IF !privileges.topics:reply -->
-<!-- IF locked -->
-<a component="topic/reply/locked" class="btn btn-sm btn-primary" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
-<!-- ENDIF locked -->
-<!-- ENDIF !privileges.topics:reply -->
-
-<!-- IF !locked -->
-<a component="topic/reply/locked" class="btn btn-sm btn-primary hidden" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
-<!-- ENDIF !locked -->
-
-<!-- ELSE -->
-
-<!-- IF !privileges.topics:reply -->
-<a component="topic/reply/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[topic:guest-login-reply]]</a>
-<!-- ENDIF !privileges.topics:reply -->
+<div component="topic/reply/container" class="btn-group action-bar bottom-sheet <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">
+	<a href="{config.relative_path}/compose?tid={tid}&title={title}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply visible-xs-inline"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[topic:reply]]</span></a>
+	<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown">
+		<span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu pull-right" role="menu">
+		<li><a href="#" component="topic/reply-as-topic">[[topic:reply-as-topic]]</a></li>
+	</ul>
+</div>
+
+<!-- IF loggedIn -->
+<!-- IF !privileges.topics:reply -->
+<!-- IF locked -->
+<a component="topic/reply/locked" class="btn btn-sm btn-primary" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+<!-- ENDIF locked -->
+<!-- ENDIF !privileges.topics:reply -->
+
+<!-- IF !locked -->
+<a component="topic/reply/locked" class="btn btn-sm btn-primary hidden" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+<!-- ENDIF !locked -->
+
+<!-- ELSE -->
+
+<!-- IF !privileges.topics:reply -->
+<a component="topic/reply/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[topic:guest-login-reply]]</a>
+<!-- ENDIF !privileges.topics:reply -->
 <!-- ENDIF loggedIn -->

package/templates/partials/topic/selection-tooltip.tpl

@@ -1,3 +1,3 @@
-<div component="selection/tooltip" class="selection-tooltip-container">
-    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
+<div component="selection/tooltip" class="selection-tooltip-container">
+    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
 </div>

package/templates/partials/topic/sort.tpl

@@ -1,9 +1,9 @@
-<div title="[[topic:sort_by]]" class="btn-group bottom-sheet hidden-xs" component="thread/sort">
-	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-	<span><i class="fa fa-fw fa-sort"></i></span></button>
-	<ul class="dropdown-menu dropdown-menu-right">
-		<li><a href="#" class="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
-		<li><a href="#" class="newest_to_oldest" data-sort="newest_to_oldest"><i class="fa fa-fw"></i> [[topic:newest_to_oldest]]</a></li>
-		<li><a href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
-	</ul>
-</div>
+<div title="[[topic:sort_by]]" class="btn-group bottom-sheet hidden-xs" component="thread/sort">
+	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+	<span><i class="fa fa-fw fa-sort"></i></span></button>
+	<ul class="dropdown-menu dropdown-menu-right">
+		<li><a href="#" class="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
+		<li><a href="#" class="newest_to_oldest" data-sort="newest_to_oldest"><i class="fa fa-fw"></i> [[topic:newest_to_oldest]]</a></li>
+		<li><a href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
+	</ul>
+</div>

package/templates/partials/topic/stats.tpl

@@ -1,12 +1,12 @@
-<div class="stats text-muted">
-	<i class="fa fa-fw fa-user" title="[[global:posters]]"></i>
-	<span title="{postercount}" class="human-readable-number">{postercount}</span>
-</div>
-<div class="stats text-muted">
-	<i class="fa fa-fw fa-pencil" title="[[global:posts]]"></i>
-	<span component="topic/post-count" title="{postcount}" class="human-readable-number">{postcount}</span>
-</div>
-<div class="stats text-muted">
-	<i class="fa fa-fw fa-eye" title="[[global:views]]"></i>
-	<span class="human-readable-number" title="{viewcount}">{viewcount}</span>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-user" title="[[global:posters]]"></i>
+	<span title="{postercount}" class="human-readable-number">{postercount}</span>
+</div>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-pencil" title="[[global:posts]]"></i>
+	<span component="topic/post-count" title="{postcount}" class="human-readable-number">{postcount}</span>
+</div>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-eye" title="[[global:views]]"></i>
+	<span class="human-readable-number" title="{viewcount}">{viewcount}</span>
 </div>

package/templates/partials/topic/tags.tpl

@@ -1,5 +1,5 @@
-{{{each tags}}}
-<a href="{config.relative_path}/tags/{tags.valueEncoded}">
-    <span class="tag tag-item tag-class-{tags.class}" data-tag="{tags.value}">{tags.valueEscaped}</span>
-</a>
+{{{each tags}}}
+<a href="{config.relative_path}/tags/{tags.valueEncoded}">
+    <span class="tag tag-item tag-class-{tags.class}" data-tag="{tags.value}">{tags.valueEscaped}</span>
+</a>
 {{{end}}}

package/templates/partials/topic/watch.tpl

@@ -1,21 +1,21 @@
-<!-- IF config.loggedIn -->
-<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
-	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button"
-		{{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
-		{{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
-		{{{if isIgnoring}}}title="[[topic:ignoring]]"{{{end}}}
-	>
-		<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-right">
-		<li><a href="#" component="topic/following"><i component="topic/following/check" class="fa fa-fw <!-- IF isFollowing -->fa-check<!-- ENDIF isFollowing -->"></i><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]<p class="help-text hidden-xs"><small>[[topic:watching.description]]</small></p></a></li>
-		<li><a href="#" component="topic/not-following"><i component="topic/not-following/check" class="fa fa-fw <!-- IF isNotFollowing -->fa-check<!-- ENDIF isNotFollowing -->"></i><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]<p class="help-text hidden-xs"><small>[[topic:not-watching.description]]</small></p></a></li>
-		<li><a href="#" component="topic/ignoring"><i component="topic/ignoring/check" class="fa fa-fw <!-- IF isIgnoring -->fa-check<!-- ENDIF isIgnoring -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]<p class="help-text hidden-xs"><small>[[topic:ignoring.description]]</small></p></a></li>
-	</ul>
-</div>
+<!-- IF config.loggedIn -->
+<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
+	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button"
+		{{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
+		{{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
+		{{{if isIgnoring}}}title="[[topic:ignoring]]"{{{end}}}
+	>
+		<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-right">
+		<li><a href="#" component="topic/following"><i component="topic/following/check" class="fa fa-fw <!-- IF isFollowing -->fa-check<!-- ENDIF isFollowing -->"></i><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]<p class="help-text hidden-xs"><small>[[topic:watching.description]]</small></p></a></li>
+		<li><a href="#" component="topic/not-following"><i component="topic/not-following/check" class="fa fa-fw <!-- IF isNotFollowing -->fa-check<!-- ENDIF isNotFollowing -->"></i><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]<p class="help-text hidden-xs"><small>[[topic:not-watching.description]]</small></p></a></li>
+		<li><a href="#" component="topic/ignoring"><i component="topic/ignoring/check" class="fa fa-fw <!-- IF isIgnoring -->fa-check<!-- ENDIF isIgnoring -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]<p class="help-text hidden-xs"><small>[[topic:ignoring.description]]</small></p></a></li>
+	</ul>
+</div>
 <!-- ENDIF config.loggedIn -->

package/templates/partials/users_list.tpl

@@ -1,40 +1,40 @@
-{{{each users}}}
-<li class="users-box registered-user" data-uid="{users.uid}">
-	<a href="{config.relative_path}/user/{users.userslug}">{buildAvatar(users, "lg", true)}</a>
-	<br/>
-	<div class="user-info">
-		<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>
-		<br/>
-
-		<!-- IF section_joindate -->
-		<div title="joindate" class="joindate">
-			<span class="timeago" title="{users.joindateISO}"></span>
-		</div>
-		<!-- ENDIF section_joindate -->
-
-		<!-- IF section_sort-reputation -->
-		<div title="reputation" class="reputation">
-			<i class="fa fa-star"></i>
-			<span class="formatted-number">{users.reputation}</span>
-		</div>
-		<!-- ENDIF section_sort-reputation -->
-
-		<!-- IF section_sort-posts -->
-		<div title="post count" class="post-count">
-			<i class="fa fa-pencil"></i>
-			<span class="formatted-number">{users.postcount}</span>
-		</div>
-		<!-- ENDIF section_sort-posts -->
-
-		<!-- IF section_flagged -->
-		<div title="flag count" class="flag-count">
-			<i class="fa fa-flag"></i>
-			<span><a class="formatted-number" href="{config.relative_path}/flags?targetUid={users.uid}">{users.flags}</a></span>
-		</div>
-		<!-- ENDIF section_flagged -->
-	</div>
-</li>
+{{{each users}}}
+<li class="users-box registered-user" data-uid="{users.uid}">
+	<a href="{config.relative_path}/user/{users.userslug}">{buildAvatar(users, "lg", true)}</a>
+	<br/>
+	<div class="user-info">
+		<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>
+		<br/>
+
+		<!-- IF section_joindate -->
+		<div title="joindate" class="joindate">
+			<span class="timeago" title="{users.joindateISO}"></span>
+		</div>
+		<!-- ENDIF section_joindate -->
+
+		<!-- IF section_sort-reputation -->
+		<div title="reputation" class="reputation">
+			<i class="fa fa-star"></i>
+			<span class="formatted-number">{users.reputation}</span>
+		</div>
+		<!-- ENDIF section_sort-reputation -->
+
+		<!-- IF section_sort-posts -->
+		<div title="post count" class="post-count">
+			<i class="fa fa-pencil"></i>
+			<span class="formatted-number">{users.postcount}</span>
+		</div>
+		<!-- ENDIF section_sort-posts -->
+
+		<!-- IF section_flagged -->
+		<div title="flag count" class="flag-count">
+			<i class="fa fa-flag"></i>
+			<span><a class="formatted-number" href="{config.relative_path}/flags?targetUid={users.uid}">{users.flags}</a></span>
+		</div>
+		<!-- ENDIF section_flagged -->
+	</div>
+</li>
 {{{end}}}

package/templates/partials/users_list_menu.tpl

@@ -1,11 +1,11 @@
-<ul class="nav nav-pills">
-	<li><a href="{config.relative_path}/users?section=online">[[global:online]]</a></li>
-	<li><a href="{config.relative_path}/users?section=sort-posts">[[users:top_posters]]</a></li>
-	<!-- IF !reputation:disabled -->
-	<li><a href="{config.relative_path}/users?section=sort-reputation">[[users:most_reputation]]</a></li>
-	<!-- ENDIF !reputation:disabled -->
-	<!-- IF isAdminOrGlobalMod -->
-	<li><a href="{config.relative_path}/users?section=flagged">[[users:most_flags]]</a></li>
-	<li><a href="{config.relative_path}/users?section=banned">[[user:banned]]</a></li>
-	<!-- ENDIF isAdminOrGlobalMod -->
+<ul class="nav nav-pills">
+	<li><a href="{config.relative_path}/users?section=online">[[global:online]]</a></li>
+	<li><a href="{config.relative_path}/users?section=sort-posts">[[users:top_posters]]</a></li>
+	<!-- IF !reputation:disabled -->
+	<li><a href="{config.relative_path}/users?section=sort-reputation">[[users:most_reputation]]</a></li>
+	<!-- ENDIF !reputation:disabled -->
+	<!-- IF isAdminOrGlobalMod -->
+	<li><a href="{config.relative_path}/users?section=flagged">[[users:most_flags]]</a></li>
+	<li><a href="{config.relative_path}/users?section=banned">[[user:banned]]</a></li>
+	<!-- ENDIF isAdminOrGlobalMod -->
 </ul>