nodebb-theme-harmony 2.0.0-pre.9 → 2.0.1

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

@@ -1,74 +1,74 @@
-{{{ if privileges.editable }}}
-<li {{{ if locked }}}hidden{{{ end }}}>
-	<a component="topic/lock" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if locked }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-lock text-secondary"></i> [[topic:thread-tools.lock]]</a>
-</li>
-
-<li {{{ if !locked }}}hidden{{{ end }}}>
-	<a component="topic/unlock" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !locked }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-unlock text-secondary"></i> [[topic:thread-tools.unlock]]</a>
-</li>
-
-<li {{{ if pinned }}}hidden{{{ end }}}>
-	<a component="topic/pin" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if pinned }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-thumb-tack text-secondary"></i> [[topic:thread-tools.pin]]</a>
-</li>
-
-<li {{{ if !pinned }}}hidden{{{ end }}}>
-	<a component="topic/unpin" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !pinned }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-thumb-tack fa-rotate-90 text-secondary"></i> [[topic:thread-tools.unpin]]</a>
-</li>
-
-<li>
-	<a component="topic/move" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-arrows text-secondary"></i> [[topic:thread-tools.move]]</a>
-</li>
-
-<li>
-	<a component="topic/merge" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-code-fork text-secondary"></i> [[topic:thread-tools.merge]]</a>
-</li>
-
-<li>
-	<a component="topic/fork" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-code-fork text-secondary"></i> [[topic:thread-tools.fork]]</a>
-</li>
-
-<li>
-	<a component="topic/tag" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-tag text-secondary"></i> [[topic:thread-tools.tag]]</a>
-</li>
-
-{{{ if !scheduled }}}
-<li>
-	<a component="topic/move-posts" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-arrows text-secondary"></i> [[topic:thread-tools.move-posts]]</a>
-</li>
-{{{ end }}}
-
-<li>
-	<a component="topic/mark-unread-for-all" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-inbox text-secondary"></i> [[topic:thread-tools.markAsUnreadForAll]]</a>
-</li>
-
-<li class="dropdown-divider"></li>
-{{{ end }}}
-
-{{{ if privileges.deletable }}}
-<li {{{ if deleted }}}hidden{{{ end }}}>
-	<a component="topic/delete" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if deleted }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-trash-o text-secondary"></i> [[topic:thread-tools.delete]]</a>
-</li>
-
-{{{ if !scheduled }}}
-<li {{{ if !deleted }}}hidden{{{ end }}}>
-	<a component="topic/restore" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !deleted }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-history text-secondary"></i> [[topic:thread-tools.restore]]</a>
-</li>
-{{{ end }}}
-
-{{{ if privileges.purge }}}
-<li {{{ if !deleted }}}hidden{{{ end }}}>
-	<a component="topic/purge" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !deleted }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-eraser text-secondary"></i> [[topic:thread-tools.purge]]</a>
-</li>
-{{{ end }}}
-{{{ if privileges.isAdminOrMod }}}
-<li>
-	<a component="topic/delete/posts" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-trash-o text-secondary"></i> [[topic:thread-tools.delete-posts]]</a>
-</li>
-{{{ end }}}
-
-{{{ each thread_tools }}}
-<li>
-	<a href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {./class}" role="menuitem"><i class="fa fa-fw text-secondary {./icon}"></i> {./title}</a>
-</li>
-{{{ end }}}
+{{{ if privileges.editable }}}
+<li {{{ if locked }}}hidden{{{ end }}}>
+	<a component="topic/lock" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if locked }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-lock text-secondary"></i> [[topic:thread-tools.lock]]</a>
+</li>
+
+<li {{{ if !locked }}}hidden{{{ end }}}>
+	<a component="topic/unlock" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !locked }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-unlock text-secondary"></i> [[topic:thread-tools.unlock]]</a>
+</li>
+
+<li {{{ if pinned }}}hidden{{{ end }}}>
+	<a component="topic/pin" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if pinned }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-thumb-tack text-secondary"></i> [[topic:thread-tools.pin]]</a>
+</li>
+
+<li {{{ if !pinned }}}hidden{{{ end }}}>
+	<a component="topic/unpin" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !pinned }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-thumb-tack fa-rotate-90 text-secondary"></i> [[topic:thread-tools.unpin]]</a>
+</li>
+
+<li>
+	<a component="topic/move" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-arrows text-secondary"></i> [[topic:thread-tools.move]]</a>
+</li>
+
+<li>
+	<a component="topic/merge" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-code-fork text-secondary"></i> [[topic:thread-tools.merge]]</a>
+</li>
+
+<li>
+	<a component="topic/fork" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-code-fork text-secondary"></i> [[topic:thread-tools.fork]]</a>
+</li>
+
+<li>
+	<a component="topic/tag" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-tag text-secondary"></i> [[topic:thread-tools.tag]]</a>
+</li>
+
+{{{ if !scheduled }}}
+<li>
+	<a component="topic/move-posts" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-arrows text-secondary"></i> [[topic:thread-tools.move-posts]]</a>
+</li>
+{{{ end }}}
+
+<li>
+	<a component="topic/mark-unread-for-all" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-inbox text-secondary"></i> [[topic:thread-tools.markAsUnreadForAll]]</a>
+</li>
+
+<li class="dropdown-divider"></li>
+{{{ end }}}
+
+{{{ if privileges.deletable }}}
+<li {{{ if deleted }}}hidden{{{ end }}}>
+	<a component="topic/delete" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if deleted }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-trash-o text-secondary"></i> [[topic:thread-tools.delete]]</a>
+</li>
+
+{{{ if !scheduled }}}
+<li {{{ if !deleted }}}hidden{{{ end }}}>
+	<a component="topic/restore" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !deleted }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-history text-secondary"></i> [[topic:thread-tools.restore]]</a>
+</li>
+{{{ end }}}
+
+{{{ if privileges.purge }}}
+<li {{{ if !deleted }}}hidden{{{ end }}}>
+	<a component="topic/purge" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if !deleted }}}hidden{{{ end }}}" role="menuitem"><i class="fa fa-fw fa-eraser text-secondary"></i> [[topic:thread-tools.purge]]</a>
+</li>
+{{{ end }}}
+{{{ if privileges.isAdminOrMod }}}
+<li>
+	<a component="topic/delete/posts" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem"><i class="fa fa-fw fa-trash-o text-secondary"></i> [[topic:thread-tools.delete-posts]]</a>
+</li>
+{{{ end }}}
+
+{{{ each thread_tools }}}
+<li>
+	<a href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {./class}" role="menuitem"><i class="fa fa-fw text-secondary {./icon}"></i> {./title}</a>
+</li>
+{{{ end }}}
 {{{ end }}}

package/templates/partials/topic/watch.tpl

@@ -1,60 +1,60 @@
-{{{ if config.loggedIn }}}
-<div class="btn-group bottom-sheet" component="topic/watch">
-	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
-		<span component="topic/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
-			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold">[[topic:watching]]</span>
-		</span>
-
-		<span component="topic/not-following/menu" class="d-flex gap-2 align-items-center{{{ if !isNotFollowing}}} hidden{{{ end }}}">
-			<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold">[[topic:not-watching]]</span>
-		</span>
-
-		<span component="topic/ignoring/menu" class="d-flex gap-2 align-items-center{{{ if !isIgnoring }}} hidden{{{ end }}}">
-			<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold">[[topic:ignoring]]</span>
-		</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="topic/following" role="menuitem">
-				<div class="flex-grow-1 d-flex flex-column">
-					<span class="d-flex align-items-center gap-2">
-						<i class="flex-shrink-0 fa fa-fw fa-bell-o text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:watching]]</span>
-					</span>
-					<div class="help-text text-secondary text-xs">[[topic:watching.description]]</div>
-				</div>
-				<span class="flex-shrink-0"><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="topic/not-following" role="menuitem">
-				<div class="flex-grow-1 d-flex flex-column">
-					<span class="d-flex align-items-center gap-2">
-						<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:not-watching]]</span>
-					</span>
-					<div class="help-text text-secondary text-xs">[[topic:not-watching.description]]</div>
-				</div>
-				<span class="flex-shrink-0"><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="topic/ignoring" role="menuitem">
-				<div class="flex-grow-1 d-flex flex-column">
-					<span class="d-flex align-items-center gap-2">
-						<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:ignoring]]</span>
-					</span>
-					<div class="help-text text-secondary text-xs">[[topic:ignoring.description]]</div>
-				</div>
-				<span class="flex-shrink-0"><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
-			</a>
-		</li>
-	</ul>
-</div>
+{{{ if config.loggedIn }}}
+<div class="btn-group bottom-sheet" component="topic/watch">
+	<button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
+		<span component="topic/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
+			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
+			<span class="d-none d-md-inline fw-semibold">[[topic:watching]]</span>
+		</span>
+
+		<span component="topic/not-following/menu" class="d-flex gap-2 align-items-center{{{ if !isNotFollowing}}} hidden{{{ end }}}">
+			<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-primary"></i>
+			<span class="d-none d-md-inline fw-semibold">[[topic:not-watching]]</span>
+		</span>
+
+		<span component="topic/ignoring/menu" class="d-flex gap-2 align-items-center{{{ if !isIgnoring }}} hidden{{{ end }}}">
+			<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-primary"></i>
+			<span class="d-none d-md-inline fw-semibold">[[topic:ignoring]]</span>
+		</span>
+	</button>
+	<ul class="dropdown-menu p-1 text-sm" role="menu">
+		<li>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="topic/following" role="menuitem">
+				<div class="flex-grow-1 d-flex flex-column">
+					<span class="d-flex align-items-center gap-2">
+						<i class="flex-shrink-0 fa fa-fw fa-bell-o text-secondary"></i>
+						<span class="flex-grow-1 fw-semibold">[[topic:watching]]</span>
+					</span>
+					<div class="help-text text-secondary text-xs">[[topic:watching.description]]</div>
+				</div>
+				<span class="flex-shrink-0"><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="topic/not-following" role="menuitem">
+				<div class="flex-grow-1 d-flex flex-column">
+					<span class="d-flex align-items-center gap-2">
+						<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-secondary"></i>
+						<span class="flex-grow-1 fw-semibold">[[topic:not-watching]]</span>
+					</span>
+					<div class="help-text text-secondary text-xs">[[topic:not-watching.description]]</div>
+				</div>
+				<span class="flex-shrink-0"><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="topic/ignoring" role="menuitem">
+				<div class="flex-grow-1 d-flex flex-column">
+					<span class="d-flex align-items-center gap-2">
+						<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-secondary"></i>
+						<span class="flex-grow-1 fw-semibold">[[topic:ignoring]]</span>
+					</span>
+					<div class="help-text text-secondary text-xs">[[topic:ignoring.description]]</div>
+				</div>
+				<span class="flex-shrink-0"><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
+			</a>
+		</li>
+	</ul>
+</div>
 {{{ end }}}

package/templates/partials/topic-filters.tpl

@@ -1,16 +1,16 @@
-<div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
-	<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		<i class="fa fa-fw fa-filter text-primary"></i>
-		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedFilter.name}</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		{{{each filters}}}
-		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{filters.url}">
-				<div class="flex-grow-1">{filters.name}</div>
-				<i class="flex-shrink-0 fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>
-			</a>
-		</li>
-		{{{end}}}
-	</ul>
+<div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
+	<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		<i class="fa fa-fw fa-filter text-primary"></i>
+		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedFilter.name}</span>
+	</button>
+	<ul class="dropdown-menu p-1 text-sm" role="menu">
+		{{{each filters}}}
+		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{filters.url}">
+				<div class="flex-grow-1">{filters.name}</div>
+				<i class="flex-shrink-0 fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>
+			</a>
+		</li>
+		{{{end}}}
+	</ul>
 </div>

package/templates/partials/topic-list-bar.tpl

@@ -1,55 +1,55 @@
-<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}} mb-3">
-	<nav class="topic-list-header d-flex flex-nowrap my-2 p-0 border-0 rounded">
-		<div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100 align-items-center">
-			<div component="category/controls" class="d-flex me-auto mb-0 gap-2 flex-wrap">
-				{{{ if template.category }}}
-				<!-- IMPORT partials/category/watch.tpl -->
-				<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
-				<!-- IMPORT partials/category/sort.tpl -->
-				{{{ end }}}
-				{{{ if (template.popular || template.top)}}}
-				<!-- IMPORT partials/topic-terms.tpl -->
-				{{{ end }}}
-				{{{ if (template.unread || (template.recent || (template.popular || template.top))) }}}
-				<!-- IMPORT partials/topic-filters.tpl -->
-				<!-- IMPORT partials/category/filter-dropdown-left.tpl -->
-				<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
-				{{{ end }}}
-				{{{ if template.unread }}}
-				<div class="markread btn-group {{{ if !topics.length }}}hidden{{{ end }}}">
-					<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
-				</div>
-				{{{ end }}}
-				{{{ if template.tag }}}
-				<!-- IMPORT partials/category/filter-dropdown-left.tpl -->
-				<!-- IMPORT partials/tags/watch.tpl -->
-				{{{ end }}}
-				<!-- IMPORT partials/category/tools.tpl -->
-
-				{{{ if (!feeds:disableRSS && rssFeedUrl) }}}
-				<a class="btn-ghost-sm d-none d-lg-flex align-self-stretch" target="_blank" href="{rssFeedUrl}" itemprop="item" title="[[global:rss-feed]]"><i class="fa fa-rss text-primary"></i></a>
-				{{{ end }}}
-
-				<a href="{config.relative_path}{{{ if template.category }}}{url}{{{ else }}}/{selectedFilter.url}{querystring}{{{ end }}}" class="btn btn-secondary fw-semibold position-absolute top-100 translate-middle-x start-50 mt-1 hide" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" id="new-topics-alert">
-					<i class="fa fa-fw fa-arrow-up"></i> [[recent:load-new-posts]]
-				</a>
-			</div>
-
-			<div class="d-flex gap-1 align-items-center">
-				{{{ if template.category }}}
-					{{{ if privileges.topics:create }}}
-					<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary btn-sm text-nowrap" data-ajaxify="false" role="button">[[category:new-topic-button]]</a>
-					{{{ end }}}
-				{{{ else }}}
-					{{{ if canPost }}}
-					<!-- IMPORT partials/buttons/newTopic.tpl -->
-					{{{ end }}}
-				{{{ end }}}
-				<!-- only show login button if not logged in and doesn't have any posting privilege -->
-				{{{ if (!loggedIn && (!privileges.topics:create && !canPost))}}}
-				<a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[category:guest-login-post]]</a>
-				{{{ end }}}
-			</div>
-		</div>
-	</nav>
+<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}} mb-3">
+	<nav class="topic-list-header d-flex flex-nowrap my-2 p-0 border-0 rounded">
+		<div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100">
+			<div component="category/controls" class="d-flex me-auto mb-0 gap-2 flex-wrap">
+				{{{ if (template.category || template.world) }}}
+				<!-- IMPORT partials/category/watch.tpl -->
+				<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
+				<!-- IMPORT partials/category/sort.tpl -->
+				{{{ end }}}
+				{{{ if (template.popular || template.top)}}}
+				<!-- IMPORT partials/topic-terms.tpl -->
+				{{{ end }}}
+				{{{ if (template.unread || (template.recent || (template.popular || template.top))) }}}
+				<!-- IMPORT partials/topic-filters.tpl -->
+				<!-- IMPORT partials/category/filter-dropdown-left.tpl -->
+				<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
+				{{{ end }}}
+				{{{ if template.unread }}}
+				<div class="markread btn-group {{{ if !topics.length }}}hidden{{{ end }}}">
+					<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
+				</div>
+				{{{ end }}}
+				{{{ if template.tag }}}
+				<!-- IMPORT partials/category/filter-dropdown-left.tpl -->
+				<!-- IMPORT partials/tags/watch.tpl -->
+				{{{ end }}}
+				<!-- IMPORT partials/category/tools-dropdown-left.tpl -->
+
+				{{{ if (!feeds:disableRSS && rssFeedUrl) }}}
+				<a class="btn btn-ghost btn-sm d-none d-lg-flex align-items-center align-self-stretch" target="_blank" href="{rssFeedUrl}" itemprop="item" title="[[global:rss-feed]]"><i class="fa fa-rss text-primary"></i></a>
+				{{{ end }}}
+
+				<a href="{{{ if (template.category || template.world) }}}{url}{{{ else }}}{config.relative_path}/{selectedFilter.url}{querystring}{{{ end }}}" class="btn btn-secondary fw-semibold position-absolute top-100 translate-middle-x start-50 mt-1 hide" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" id="new-topics-alert">
+					<i class="fa fa-fw fa-arrow-up"></i> [[recent:load-new-posts]]
+				</a>
+			</div>
+
+			<div class="d-flex gap-1 align-items-center">
+				{{{ if (template.category || template.world) }}}
+					{{{ if privileges.topics:create }}}
+					<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary btn-sm text-nowrap" data-ajaxify="false" role="button">[[category:new-topic-button]]</a>
+					{{{ end }}}
+				{{{ else }}}
+					{{{ if canPost }}}
+					<!-- IMPORT partials/buttons/newTopic.tpl -->
+					{{{ end }}}
+				{{{ end }}}
+				<!-- only show login button if not logged in and doesn't have any posting privilege -->
+				{{{ if (!loggedIn && (!privileges.topics:create && !canPost))}}}
+				<a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[category:guest-login-post]]</a>
+				{{{ end }}}
+			</div>
+		</div>
+	</nav>
 </div>

package/templates/partials/topic-terms.tpl

@@ -1,16 +1,16 @@
-<div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
-	<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		<i class="fa fa-fw fa-clock text-primary"></i>
-		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTerm.name}</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		{{{each terms}}}
-		<li role="presentation" class="category">
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{terms.url}">
-				<div class="flex-grow-1">{terms.name}</div>
-				<i class="flex-shrink-0 fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>
-			</a>
-		</li>
-		{{{end}}}
-	</ul>
+<div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
+	<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		<i class="fa fa-fw fa-clock text-primary"></i>
+		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTerm.name}</span>
+	</button>
+	<ul class="dropdown-menu p-1 text-sm" role="menu">
+		{{{each terms}}}
+		<li role="presentation" class="category">
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{terms.url}">
+				<div class="flex-grow-1">{terms.name}</div>
+				<i class="flex-shrink-0 fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>
+			</a>
+		</li>
+		{{{end}}}
+	</ul>
 </div>