nodebb-theme-persona 11.2.20 → 11.2.21

package/templates/partials/account/category-item.tpl

@@ -1,22 +1,22 @@
-<li component="categories/category" data-cid="{../cid}" data-parent-cid="{../parentCid}" class="row clearfix">
-	<meta itemprop="name" content="{../name}">
-
-	<div class="content col-xs-12 col-md-10 col-sm-12 depth-{../depth}">
-		<div class="icon pull-left" style="{function.generateCategoryBackground}">
-			<i class="fa fa-fw {../icon}"></i>
-		</div>
-
-		<h2 class="title">
-			<!-- IMPORT partials/categories/link.tpl -->
-		</h2>
-		<div>
-			<!-- IF ../descriptionParsed -->
-			<div class="description">
-				{../descriptionParsed}
-			</div>
-			<!-- ENDIF ../descriptionParsed -->
-		</div>
-	</div>
-
-	<!-- IMPORT partials/category/watch.tpl -->
-</li>
+<li component="categories/category" data-cid="{../cid}" data-parent-cid="{../parentCid}" class="row clearfix">
+	<meta itemprop="name" content="{../name}">
+
+	<div class="content col-xs-12 col-md-10 col-sm-12 depth-{../depth}">
+		<div class="icon pull-left" style="{function.generateCategoryBackground}">
+			<i class="fa fa-fw {../icon}"></i>
+		</div>
+
+		<h2 class="title">
+			<!-- IMPORT partials/categories/link.tpl -->
+		</h2>
+		<div>
+			<!-- IF ../descriptionParsed -->
+			<div class="description">
+				{../descriptionParsed}
+			</div>
+			<!-- ENDIF ../descriptionParsed -->
+		</div>
+	</div>
+
+	<!-- IMPORT partials/category/watch.tpl -->
+</li>

package/templates/partials/account/header.tpl

@@ -1,46 +1,46 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-
-<div class="cover" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
-	<div class="avatar-wrapper" data-uid="{uid}">
-		<!-- IF picture -->
-		<img src="{picture}" class="avatar avatar-xl avatar-rounded" />
-		<!-- ELSE -->
-		<div class="avatar avatar-xl avatar-rounded" style="background-color: {icon:bgColor};" title="{username}">{icon:text}</div>
-		<!-- ENDIF picture -->
-		<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
-
-		<!-- IF loggedIn -->
-		<!-- IF !isSelf -->
-		<button class="btn-morph fab <!-- IF isFollowing -->heart<!-- ELSE -->plus<!-- ENDIF isFollowing -->" title="<!-- IF isFollowing -->[[global:unfollow]]<!-- ELSE -->[[global:follow]]<!-- ENDIF isFollowing -->">
-			<span>
-				<span class="s1"></span>
-				<span class="s2"></span>
-				<span class="s3"></span>
-			</span>
-		</button>
-		<!-- ENDIF !isSelf -->
-		<!-- ENDIF loggedIn -->
-	</div>
-
-	<div class="container">
-		<!-- IMPORT partials/account/menu.tpl -->
-
-		<!-- IF allowCoverPicture -->
-		<!-- IF canEdit -->
-		<div class="controls">
-			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
-			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
-			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
-		</div>
-		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
-		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
-		<!-- ENDIF canEdit -->
-		<!-- ENDIF allowCoverPicture -->
-	</div>
-</div>
+<!-- IMPORT partials/breadcrumbs.tpl -->
+
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+
+<div class="cover" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
+	<div class="avatar-wrapper" data-uid="{uid}">
+		<!-- IF picture -->
+		<img src="{picture}" class="avatar avatar-xl avatar-rounded" />
+		<!-- ELSE -->
+		<div class="avatar avatar-xl avatar-rounded" style="background-color: {icon:bgColor};" title="{username}">{icon:text}</div>
+		<!-- ENDIF picture -->
+		<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
+
+		<!-- IF loggedIn -->
+		<!-- IF !isSelf -->
+		<button class="btn-morph fab <!-- IF isFollowing -->heart<!-- ELSE -->plus<!-- ENDIF isFollowing -->" title="<!-- IF isFollowing -->[[global:unfollow]]<!-- ELSE -->[[global:follow]]<!-- ENDIF isFollowing -->">
+			<span>
+				<span class="s1"></span>
+				<span class="s2"></span>
+				<span class="s3"></span>
+			</span>
+		</button>
+		<!-- ENDIF !isSelf -->
+		<!-- ENDIF loggedIn -->
+	</div>
+
+	<div class="container">
+		<!-- IMPORT partials/account/menu.tpl -->
+
+		<!-- IF allowCoverPicture -->
+		<!-- IF canEdit -->
+		<div class="controls">
+			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
+			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
+			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
+		</div>
+		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
+		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
+		<!-- ENDIF canEdit -->
+		<!-- ENDIF allowCoverPicture -->
+	</div>
+</div>

package/templates/partials/breadcrumbs.tpl

@@ -1,18 +1,18 @@
-<!-- IF breadcrumbs.length -->
-<ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
-	{{{each breadcrumbs}}}
-	<li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->>
-		<meta itemprop="position" content="{@index}" />
-		<!-- IF !@last --><a href="{breadcrumbs.url}" itemprop="item"><!-- ENDIF !@last -->
-			<span itemprop="name">
-				{breadcrumbs.text}
-				<!-- IF @last -->
-				<!-- IF !feeds:disableRSS -->
-				<!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS -->
-				<!-- ENDIF @last -->
-			</span>
-		<!-- IF !@last --></a><!-- ENDIF !@last -->
-	</li>
-	{{{end}}}
-</ol>
-<!-- ENDIF breadcrumbs.length -->
+<!-- IF breadcrumbs.length -->
+<ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
+	{{{each breadcrumbs}}}
+	<li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->>
+		<meta itemprop="position" content="{@index}" />
+		<!-- IF !@last --><a href="{breadcrumbs.url}" itemprop="item"><!-- ENDIF !@last -->
+			<span itemprop="name">
+				{breadcrumbs.text}
+				<!-- IF @last -->
+				<!-- IF !feeds:disableRSS -->
+				<!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS -->
+				<!-- ENDIF @last -->
+			</span>
+		<!-- IF !@last --></a><!-- ENDIF !@last -->
+	</li>
+	{{{end}}}
+</ol>
+<!-- ENDIF breadcrumbs.length -->

package/templates/partials/buttons/newTopic.tpl

@@ -1,15 +1,15 @@
-<noscript><div class="dropdown" component="category-selector"></noscript>
-<label component="category/post" for="category-dropdown-check" class="btn btn-primary" id="new_topic" role="button">
-	[[category:new_topic_button]]
-</label>
-<noscript>
-	<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">
-	<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-		{{{each categories}}}
-		<li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}">
-			<a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}<span component="category-markup">{{{if categories.icon}}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span>{{{end}}} {categories.name}</span></a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>
-</noscript>
+<noscript><div class="dropdown" component="category-selector"></noscript>
+<label component="category/post" for="category-dropdown-check" class="btn btn-primary" id="new_topic" role="button">
+	[[category:new_topic_button]]
+</label>
+<noscript>
+	<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">
+	<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+		{{{each categories}}}
+		<li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}">
+			<a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}<span component="category-markup">{{{if categories.icon}}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span>{{{end}}} {categories.name}</span></a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>
+</noscript>

package/templates/partials/categories/item.tpl

@@ -1,46 +1,46 @@
-<li component="categories/category" data-cid="{../cid}" data-numRecentReplies="1" class="row clearfix category-{../cid}">
-	<meta itemprop="name" content="{../name}">
-
-	<div class="content col-xs-12 <!-- IF config.hideCategoryLastPost -->col-md-10 col-sm-12<!-- ELSE -->col-md-7 col-sm-9<!-- ENDIF config.hideCategoryLastPost -->">
-		<div class="icon pull-left" style="{function.generateCategoryBackground}">
-			<i class="fa fa-fw {../icon}"></i>
-		</div>
-
-		<h2 class="title">
-			<!-- IMPORT partials/categories/link.tpl -->
-		</h2>
-		<div>
-			<!-- IF ../descriptionParsed -->
-			<div class="description">
-				{../descriptionParsed}
-			</div>
-			<!-- ENDIF ../descriptionParsed -->
-			<!-- IF !config.hideSubCategories -->
-			{function.generateChildrenCategories}
-			<!-- ENDIF !config.hideSubCategories -->
-		</div>
-		<span class="visible-xs pull-right">
-			<!-- IF ../teaser.timestampISO -->
-			<a class="permalink" href="{../teaser.url}">
-				<small class="timeago" title="{../teaser.timestampISO}"></small>
-			</a>
-			<!-- ENDIF ../teaser.timestampISO -->
-		</span>
-	</div>
-
-	<!-- IF !../link -->
-	<div class="col-md-1 hidden-sm hidden-xs stats">
-		<span class="{../unread-class} human-readable-number" title="{../totalTopicCount}">{../totalTopicCount}</span><br />
-		<small>[[global:topics]]</small>
-	</div>
-	<div class="col-md-1 hidden-sm hidden-xs stats">
-		<span class="{../unread-class} human-readable-number" title="{../totalPostCount}">{../totalPostCount}</span><br />
-		<small>[[global:posts]]</small>
-	</div>
-	<!-- IF !config.hideCategoryLastPost -->
-	<div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser">
-		<!-- IMPORT partials/categories/lastpost.tpl -->
-	</div>
-	<!-- ENDIF !config.hideCategoryLastPost -->
-	<!-- ENDIF !../link -->
-</li>
+<li component="categories/category" data-cid="{../cid}" data-numRecentReplies="1" class="row clearfix category-{../cid}">
+	<meta itemprop="name" content="{../name}">
+
+	<div class="content col-xs-12 <!-- IF config.hideCategoryLastPost -->col-md-10 col-sm-12<!-- ELSE -->col-md-7 col-sm-9<!-- ENDIF config.hideCategoryLastPost -->">
+		<div class="icon pull-left" style="{function.generateCategoryBackground}">
+			<i class="fa fa-fw {../icon}"></i>
+		</div>
+
+		<h2 class="title">
+			<!-- IMPORT partials/categories/link.tpl -->
+		</h2>
+		<div>
+			<!-- IF ../descriptionParsed -->
+			<div class="description">
+				{../descriptionParsed}
+			</div>
+			<!-- ENDIF ../descriptionParsed -->
+			<!-- IF !config.hideSubCategories -->
+			{function.generateChildrenCategories}
+			<!-- ENDIF !config.hideSubCategories -->
+		</div>
+		<span class="visible-xs pull-right">
+			<!-- IF ../teaser.timestampISO -->
+			<a class="permalink" href="{../teaser.url}">
+				<small class="timeago" title="{../teaser.timestampISO}"></small>
+			</a>
+			<!-- ENDIF ../teaser.timestampISO -->
+		</span>
+	</div>
+
+	<!-- IF !../link -->
+	<div class="col-md-1 hidden-sm hidden-xs stats">
+		<span class="{../unread-class} human-readable-number" title="{../totalTopicCount}">{../totalTopicCount}</span><br />
+		<small>[[global:topics]]</small>
+	</div>
+	<div class="col-md-1 hidden-sm hidden-xs stats">
+		<span class="{../unread-class} human-readable-number" title="{../totalPostCount}">{../totalPostCount}</span><br />
+		<small>[[global:posts]]</small>
+	</div>
+	<!-- IF !config.hideCategoryLastPost -->
+	<div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser">
+		<!-- IMPORT partials/categories/lastpost.tpl -->
+	</div>
+	<!-- ENDIF !config.hideCategoryLastPost -->
+	<!-- ENDIF !../link -->
+</li>

package/templates/partials/categories/lastpost.tpl

@@ -1,26 +1,26 @@
-<div class="card background-link-container" style="border-color: {../bgColor}">
-	{{{each ./posts}}}
-	<!-- IF @first -->
-	<div component="category/posts">
-		<a class="background-link" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->"></a>
-		<p>
-			<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(posts.user, "sm", true)}</a>
-			<a class="permalink" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->">
-				<small class="timeago" title="{../timestampISO}"></small>
-			</a>
-		</p>
-		<div class="post-content">
-			{../content}
-		</div>
-	</div>
-	<!-- ENDIF @first -->
-	{{{end}}}
-
-	<!-- IF !../posts.length -->
-	<div component="category/posts">
-		<div class="post-content">
-			[[category:no_new_posts]]
-		</div>
-	</div>
-	<!-- ENDIF !../posts.length -->
-</div>
+<div class="card background-link-container" style="border-color: {../bgColor}">
+	{{{each ./posts}}}
+	<!-- IF @first -->
+	<div component="category/posts">
+		<a class="background-link" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->"></a>
+		<p>
+			<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(posts.user, "sm", true)}</a>
+			<a class="permalink" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->">
+				<small class="timeago" title="{../timestampISO}"></small>
+			</a>
+		</p>
+		<div class="post-content">
+			{../content}
+		</div>
+	</div>
+	<!-- ENDIF @first -->
+	{{{end}}}
+
+	<!-- IF !../posts.length -->
+	<div component="category/posts">
+		<div class="post-content">
+			[[category:no_new_posts]]
+		</div>
+	</div>
+	<!-- ENDIF !../posts.length -->
+</div>

package/templates/partials/categories/link.tpl

@@ -1,11 +1,11 @@
-<!-- IF ../isSection -->
-{../name}
-<!-- ELSE -->
-<!-- IF ../link -->
-<a href="{../link}" itemprop="url">
-<!-- ELSE -->
-<a href="{config.relative_path}/category/{../slug}" itemprop="url">
-<!-- ENDIF ../link -->
-{../name}
-</a>
+<!-- IF ../isSection -->
+{../name}
+<!-- ELSE -->
+<!-- IF ../link -->
+<a href="{../link}" itemprop="url">
+<!-- ELSE -->
+<a href="{config.relative_path}/category/{../slug}" itemprop="url">
+<!-- ENDIF ../link -->
+{../name}
+</a>
 <!-- ENDIF ../isSection -->

package/templates/partials/category/sort.tpl

@@ -1,15 +1,15 @@
-<div class="btn-group bottom-sheet" component="thread/sort">
-	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:sort_by]]</span>
-		<span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span>
-		<span class="caret"></span>
-	</button>
-
-	<ul class="dropdown-menu pull-right">
-		<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="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
-		<li><a href="#" class="most_posts" data-sort="most_posts"><i class="fa fa-fw"></i> [[topic:most_posts]]</a></li>
-		<li><a href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
-		<li><a href="#" class="most_views" data-sort="most_views"><i class="fa fa-fw"></i> [[topic:most_views]]</a></li>
-	</ul>
+<div class="btn-group bottom-sheet" component="thread/sort">
+	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:sort_by]]</span>
+		<span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span>
+		<span class="caret"></span>
+	</button>
+
+	<ul class="dropdown-menu pull-right">
+		<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="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
+		<li><a href="#" class="most_posts" data-sort="most_posts"><i class="fa fa-fw"></i> [[topic:most_posts]]</a></li>
+		<li><a href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
+		<li><a href="#" class="most_views" data-sort="most_views"><i class="fa fa-fw"></i> [[topic:most_views]]</a></li>
+	</ul>
 </div>

package/templates/partials/category/subcategory.tpl

@@ -1,18 +1,18 @@
-{{{ if children.length }}}
-<div class="subcategory">
-	{{{ if hasMoreSubCategories }}}
-	<div><!-- IMPORT partials/category-selector.tpl --></div>
-	{{{ else }}}
-	<p>[[category:subcategories]]</p>
-	{{{ end }}}
-
-	<ul component="category/subcategory/container" class="categories" itemscope itemtype="http://www.schema.org/ItemList">
-		{{{each children}}}
-		<!-- IMPORT partials/categories/item.tpl -->
-		{{{end}}}
-	</ul>
-	{{{ if hasMoreSubCategories}}}
-	<button class="btn btn-default" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
-	{{{ end }}}
-</div>
+{{{ if children.length }}}
+<div class="subcategory">
+	{{{ if hasMoreSubCategories }}}
+	<div><!-- IMPORT partials/category-selector.tpl --></div>
+	{{{ else }}}
+	<p>[[category:subcategories]]</p>
+	{{{ end }}}
+
+	<ul component="category/subcategory/container" class="categories" itemscope itemtype="http://www.schema.org/ItemList">
+		{{{each children}}}
+		<!-- IMPORT partials/categories/item.tpl -->
+		{{{end}}}
+	</ul>
+	{{{ if hasMoreSubCategories}}}
+	<button class="btn btn-default" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
+	{{{ end }}}
+</div>
 {{{ end }}}

package/templates/partials/category/tags.tpl

@@ -1,5 +1,5 @@
-<!-- IF topics.tags.length -->
-	{{{each tags}}}
-		<a href="{config.relative_path}/tags/{topics.tags.value}"><span class="tag-item" data-tag="{topics.tags.value}" style="<!-- IF topics.tags.color -->color: {topics.tags.color};<!-- ENDIF topics.tags.color --><!-- IF topics.tags.bgColor -->background-color: {topics.tags.bgColor};<!-- ENDIF topics.tags.bgColor -->">{topics.tags.value}</span><span class="tag-topic-count human-readable-number" title="{topics.tags.score}">{topics.tags.score}</span></a>
-	{{{end}}}
+<!-- IF topics.tags.length -->
+	{{{each tags}}}
+		<a href="{config.relative_path}/tags/{topics.tags.value}"><span class="tag-item" data-tag="{topics.tags.value}" style="<!-- IF topics.tags.color -->color: {topics.tags.color};<!-- ENDIF topics.tags.color --><!-- IF topics.tags.bgColor -->background-color: {topics.tags.bgColor};<!-- ENDIF topics.tags.bgColor -->">{topics.tags.value}</span><span class="tag-topic-count human-readable-number" title="{topics.tags.score}">{topics.tags.score}</span></a>
+	{{{end}}}
 <!-- ENDIF topics.tags.length -->

package/templates/partials/category/tools.tpl

@@ -1,81 +1,81 @@
-<!-- IF showTopicTools -->
-<div class="btn-group thread-tools bottom-sheet">
-	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span>
-		<span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span>
-		<span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu pull-right">
-		<li>
-			<a component="topic/mark-unread-for-all" href="#">
-				<i class="fa fa-fw fa-inbox"></i> [[topic:thread_tools.markAsUnreadForAll]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/pin" href="#">
-				<i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread_tools.pin]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unpin" href="#" class="hidden">
-				<i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread_tools.unpin]]
-			</a>
-		</li>
-
-		<li>
-			<a component="topic/lock" href="#">
-				<i class="fa fa-fw fa-lock"></i> [[topic:thread_tools.lock]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unlock" href="#" class="hidden">
-				<i class="fa fa-fw fa-unlock"></i> [[topic:thread_tools.unlock]]
-			</a>
-		</li>
-
-		<li class="divider"></li>
-
-		<li>
-			<a component="topic/move" href="#">
-				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move]]
-			</a>
-		</li>
-		{{{if template.category}}}
-		<li>
-			<a component="topic/move-all" href="#">
-				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move_all]]
-			</a>
-		</li>
-		{{{end}}}
-		<li>
-			<a component="topic/merge" href="#">
-				<i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.merge]]
-			</a>
-		</li>
-
-		<li class="divider"></li>
-
-		<li>
-			<a component="topic/delete" href="#">
-				<i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/restore" href="#" class="hidden">
-				<i class="fa fa-fw fa-history"></i> [[topic:thread_tools.restore]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/purge" href="#" class="hidden">
-				<i class="fa fa-fw fa-eraser"></i> [[topic:thread_tools.purge]]
-			</a>
-		</li>
-
-		{{{each thread_tools}}}
-		<li>
-			<a href="#" class="{thread_tools.class}"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>
+<!-- IF showTopicTools -->
+<div class="btn-group thread-tools bottom-sheet">
+	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span>
+		<span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span>
+		<span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu pull-right">
+		<li>
+			<a component="topic/mark-unread-for-all" href="#">
+				<i class="fa fa-fw fa-inbox"></i> [[topic:thread_tools.markAsUnreadForAll]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/pin" href="#">
+				<i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread_tools.pin]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/unpin" href="#" class="hidden">
+				<i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread_tools.unpin]]
+			</a>
+		</li>
+
+		<li>
+			<a component="topic/lock" href="#">
+				<i class="fa fa-fw fa-lock"></i> [[topic:thread_tools.lock]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/unlock" href="#" class="hidden">
+				<i class="fa fa-fw fa-unlock"></i> [[topic:thread_tools.unlock]]
+			</a>
+		</li>
+
+		<li class="divider"></li>
+
+		<li>
+			<a component="topic/move" href="#">
+				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move]]
+			</a>
+		</li>
+		{{{if template.category}}}
+		<li>
+			<a component="topic/move-all" href="#">
+				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move_all]]
+			</a>
+		</li>
+		{{{end}}}
+		<li>
+			<a component="topic/merge" href="#">
+				<i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.merge]]
+			</a>
+		</li>
+
+		<li class="divider"></li>
+
+		<li>
+			<a component="topic/delete" href="#">
+				<i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/restore" href="#" class="hidden">
+				<i class="fa fa-fw fa-history"></i> [[topic:thread_tools.restore]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/purge" href="#" class="hidden">
+				<i class="fa fa-fw fa-eraser"></i> [[topic:thread_tools.purge]]
+			</a>
+		</li>
+
+		{{{each thread_tools}}}
+		<li>
+			<a href="#" class="{thread_tools.class}"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>
 <!-- ENDIF showTopicTools -->