nodebb-theme-persona 13.3.32 → 13.3.34

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

@@ -1,32 +1,32 @@
-<button type="button" class="btn btn-outline-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    {{{ if selectedCategory }}}
-    <span class="category-item">
-        {buildCategoryIcon(selectedCategory, "20px", "rounded-circle")}
-        <span class="visible-md-inline visible-lg-inline">{selectedCategory.name}</span>
-    </span>
-    {{{ else }}}
-    <i class="fa fa-fw fa-list"></i>
-    <span class="visible-md-inline visible-lg-inline">[[unread:all-categories]]</span>{{{ end }}}
-</button>
-<div component="category-selector-search" class="hidden position-absolute">
-    <input type="text" class="form-control" placeholder="[[search:type-to-search]]" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-    <li role="presentation" class="category" data-cid="all">
-        <a class="dropdown-item" role="menuitem" href="{{{ if allCategoriesUrl }}}{config.relative_path}/{allCategoriesUrl}{{{ else }}}#{{{ end }}}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all-categories]]</a>
-    </li>
-    {{{each categoryItems}}}
-    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
-        <a class="dropdown-item" role="menuitem" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i>
-            <span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
-                <div class="category-item d-inline-block">
-                    {{{ if ./icon}}}
-                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
-                    {{{ end }}}
-                    {./name}
-                </div>
-            </span>
-        </a>
-    </li>
-    {{{end}}}
+<button type="button" class="btn btn-outline-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    {{{ if selectedCategory }}}
+    <span class="category-item">
+        {buildCategoryIcon(selectedCategory, "20px", "rounded-circle")}
+        <span class="visible-md-inline visible-lg-inline">{selectedCategory.name}</span>
+    </span>
+    {{{ else }}}
+    <i class="fa fa-fw fa-list"></i>
+    <span class="visible-md-inline visible-lg-inline">[[unread:all-categories]]</span>{{{ end }}}
+</button>
+<div component="category-selector-search" class="hidden position-absolute">
+    <input type="text" class="form-control" placeholder="[[search:type-to-search]]" autocomplete="off">
+</div>
+<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+    <li role="presentation" class="category" data-cid="all">
+        <a class="dropdown-item" role="menuitem" href="{{{ if allCategoriesUrl }}}{config.relative_path}/{allCategoriesUrl}{{{ else }}}#{{{ end }}}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all-categories]]</a>
+    </li>
+    {{{each categoryItems}}}
+    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
+        <a class="dropdown-item" role="menuitem" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i>
+            <span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
+                <div class="category-item d-inline-block">
+                    {{{ if ./icon}}}
+                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
+                    {{{ end }}}
+                    {./name}
+                </div>
+            </span>
+        </a>
+    </li>
+    {{{end}}}
 </ul>

package/templates/partials/category/selector-dropdown-content.tpl

@@ -1,33 +1,33 @@
-<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <span component="category-selector-selected">
-        {{{ if (selectedCategory && !showCategorySelectLabel) }}}
-        <span class="category-item">
-            {buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}
-            {selectedCategory.name}
-        </span>
-        {{{ else }}}
-    <span class="visible-sm-inline visible-md-inline visible-lg-inline">{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread-tools.select-category]]{{{ end }}}</span><span class="visible-xs-inline"><i class="fa fa-fw {{{ if selectCategoryIcon }}}{selectCategoryIcon}{{{ else }}}fa-list{{{ end }}}"></i></span>
-    {{{ end }}}</span> <span class="caret"></span>
-</button>
-<div component="category-selector-search" class="hidden position-absolute">
-    <input type="text" class="form-control" placeholder="[[search:type-to-search]]" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-    <li component="category/no-matches" role="presentation" class="category hidden">
-        <a class="dropdown-item" role="menuitem">[[search:no-matches]]</a>
-    </li>
-    {{{each categoryItems}}}
-    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled {{{ end }}}" data-cid="{../cid}" data-name="{../name}" data-parent-cid="{../parentCid}">
-        <a class="dropdown-item {{{ if ./disabledClass }}}disabled {{{ end }}}" role="menuitem" href="#">{../level}
-            <span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
-                <div class="category-item d-inline-block">
-                    {{{ if ./icon }}}
-                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
-                    {{{ end }}}
-                    {./name}
-                </div>
-            </span>
-        </a>
-    </li>
-    {{{ end }}}
+<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <span component="category-selector-selected">
+        {{{ if (selectedCategory && !showCategorySelectLabel) }}}
+        <span class="category-item">
+            {buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}
+            {selectedCategory.name}
+        </span>
+        {{{ else }}}
+    <span class="visible-sm-inline visible-md-inline visible-lg-inline">{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread-tools.select-category]]{{{ end }}}</span><span class="visible-xs-inline"><i class="fa fa-fw {{{ if selectCategoryIcon }}}{selectCategoryIcon}{{{ else }}}fa-list{{{ end }}}"></i></span>
+    {{{ end }}}</span> <span class="caret"></span>
+</button>
+<div component="category-selector-search" class="hidden position-absolute">
+    <input type="text" class="form-control" placeholder="[[search:type-to-search]]" autocomplete="off">
+</div>
+<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+    <li component="category/no-matches" role="presentation" class="category hidden">
+        <a class="dropdown-item" role="menuitem">[[search:no-matches]]</a>
+    </li>
+    {{{each categoryItems}}}
+    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled {{{ end }}}" data-cid="{../cid}" data-name="{../name}" data-parent-cid="{../parentCid}">
+        <a class="dropdown-item {{{ if ./disabledClass }}}disabled {{{ end }}}" role="menuitem" href="#">{../level}
+            <span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
+                <div class="category-item d-inline-block">
+                    {{{ if ./icon }}}
+                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
+                    {{{ end }}}
+                    {./name}
+                </div>
+            </span>
+        </a>
+    </li>
+    {{{ end }}}
 </ul>

package/templates/partials/category/sort.tpl

@@ -1,15 +1,15 @@
-<div class="btn-group bottom-sheet" component="thread/sort">
-	<button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:topic-sort-option, {sortOptionLabel}]]">
-		<i class="fa fa-fw fa-sort"></i>
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">{sortOptionLabel}</span>
-		<span class="caret"></span>
-	</button>
-
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		<li><a class="dropdown-item" href="#" class="recently_replied" data-sort="recently_replied" role="menuitem"><i class="fa fa-fw"></i> [[topic:recently-replied]]</a></li>
-		<li><a class="dropdown-item" href="#" class="recently_created" data-sort="recently_created" role="menuitem"><i class="fa fa-fw"></i> [[topic:recently-created]]</a></li>
-		<li><a class="dropdown-item" href="#" class="most_posts" data-sort="most_posts" role="menuitem"><i class="fa fa-fw"></i> [[topic:most-posts]]</a></li>
-		<li><a class="dropdown-item" href="#" class="most_votes" data-sort="most_votes" role="menuitem"><i class="fa fa-fw"></i> [[topic:most-votes]]</a></li>
-		<li><a class="dropdown-item" href="#" class="most_views" data-sort="most_views" role="menuitem"><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-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:topic-sort-option, {sortOptionLabel}]]">
+		<i class="fa fa-fw fa-sort"></i>
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">{sortOptionLabel}</span>
+		<span class="caret"></span>
+	</button>
+
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		<li><a class="dropdown-item" href="#" class="recently_replied" data-sort="recently_replied" role="menuitem"><i class="fa fa-fw"></i> [[topic:recently-replied]]</a></li>
+		<li><a class="dropdown-item" href="#" class="recently_created" data-sort="recently_created" role="menuitem"><i class="fa fa-fw"></i> [[topic:recently-created]]</a></li>
+		<li><a class="dropdown-item" href="#" class="most_posts" data-sort="most_posts" role="menuitem"><i class="fa fa-fw"></i> [[topic:most-posts]]</a></li>
+		<li><a class="dropdown-item" href="#" class="most_votes" data-sort="most_votes" role="menuitem"><i class="fa fa-fw"></i> [[topic:most-votes]]</a></li>
+		<li><a class="dropdown-item" href="#" class="most_views" data-sort="most_views" role="menuitem"><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 class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
-	{{{ else }}}
-	<p>[[category:subcategories]]</p>
-	{{{ end }}}
-
-	<ul component="category/subcategory/container" class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
-		{{{each children}}}
-		<!-- IMPORT partials/categories/item.tpl -->
-		{{{end}}}
-	</ul>
-	{{{ if hasMoreSubCategories}}}
-	<button class="btn btn-outline-secondary mb-2" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
-	{{{ end }}}
-</div>
+{{{ if children.length }}}
+<div class="subcategory">
+	{{{ if hasMoreSubCategories }}}
+	<div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
+	{{{ else }}}
+	<p>[[category:subcategories]]</p>
+	{{{ end }}}
+
+	<ul component="category/subcategory/container" class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
+		{{{each children}}}
+		<!-- IMPORT partials/categories/item.tpl -->
+		{{{end}}}
+	</ul>
+	{{{ if hasMoreSubCategories}}}
+	<button class="btn btn-outline-secondary mb-2" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
+	{{{ end }}}
+</div>
 {{{ end }}}

package/templates/partials/category/tags.tpl

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

package/templates/partials/category/tools.tpl

@@ -1,87 +1,87 @@
-<!-- IF showTopicTools -->
-<div class="btn-group thread-tools bottom-sheet">
-	<button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
-		<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 dropdown-menu-end" role="menu">
-		<li>
-			<a component="topic/mark-unread-for-all" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-inbox"></i> [[topic:thread-tools.markAsUnreadForAll]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/pin" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread-tools.pin]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unpin" href="#" class="hidden dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread-tools.unpin]]
-			</a>
-		</li>
-
-		<li>
-			<a component="topic/lock" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-lock"></i> [[topic:thread-tools.lock]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unlock" href="#" class="hidden dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-unlock"></i> [[topic:thread-tools.unlock]]
-			</a>
-		</li>
-
-		<li class="dropdown-divider"></li>
-
-		<li>
-			<a component="topic/move" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-arrows"></i> [[topic:thread-tools.move]]
-			</a>
-		</li>
-		{{{if template.category}}}
-		<li>
-			<a component="topic/move-all" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-arrows"></i> [[topic:thread-tools.move-all]]
-			</a>
-		</li>
-		{{{end}}}
-		<li>
-			<a component="topic/merge" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-code-fork"></i> [[topic:thread-tools.merge]]
-			</a>
-		</li>
-
-		<li>
-			<a component="topic/tag" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-tag"></i> [[topic:thread-tools.tag]]
-			</a>
-		</li>
-
-		<li class="dropdown-divider"></li>
-
-		<li>
-			<a component="topic/delete" href="#" class="dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-trash-o"></i> [[topic:thread-tools.delete]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/restore" href="#" class="hidden dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-history"></i> [[topic:thread-tools.restore]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/purge" href="#" class="hidden dropdown-item" role="menuitem">
-				<i class="fa fa-fw fa-eraser"></i> [[topic:thread-tools.purge]]
-			</a>
-		</li>
-
-		{{{each thread_tools}}}
-		<li>
-			<a href="#" class="dropdown-item {thread_tools.class}" role="menuitem"><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-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
+		<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 dropdown-menu-end" role="menu">
+		<li>
+			<a component="topic/mark-unread-for-all" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-inbox"></i> [[topic:thread-tools.markAsUnreadForAll]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/pin" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread-tools.pin]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/unpin" href="#" class="hidden dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread-tools.unpin]]
+			</a>
+		</li>
+
+		<li>
+			<a component="topic/lock" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-lock"></i> [[topic:thread-tools.lock]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/unlock" href="#" class="hidden dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-unlock"></i> [[topic:thread-tools.unlock]]
+			</a>
+		</li>
+
+		<li class="dropdown-divider"></li>
+
+		<li>
+			<a component="topic/move" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-arrows"></i> [[topic:thread-tools.move]]
+			</a>
+		</li>
+		{{{if template.category}}}
+		<li>
+			<a component="topic/move-all" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-arrows"></i> [[topic:thread-tools.move-all]]
+			</a>
+		</li>
+		{{{end}}}
+		<li>
+			<a component="topic/merge" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-code-fork"></i> [[topic:thread-tools.merge]]
+			</a>
+		</li>
+
+		<li>
+			<a component="topic/tag" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-tag"></i> [[topic:thread-tools.tag]]
+			</a>
+		</li>
+
+		<li class="dropdown-divider"></li>
+
+		<li>
+			<a component="topic/delete" href="#" class="dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-trash-o"></i> [[topic:thread-tools.delete]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/restore" href="#" class="hidden dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-history"></i> [[topic:thread-tools.restore]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/purge" href="#" class="hidden dropdown-item" role="menuitem">
+				<i class="fa fa-fw fa-eraser"></i> [[topic:thread-tools.purge]]
+			</a>
+		</li>
+
+		{{{each thread_tools}}}
+		<li>
+			<a href="#" class="dropdown-item {thread_tools.class}" role="menuitem"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>
 <!-- ENDIF showTopicTools -->

package/templates/partials/category/watch.tpl

@@ -1,56 +1,56 @@
-<!-- IF config.loggedIn -->
-<div class="btn-group bottom-sheet" component="topic/watch">
-	<button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
-		<span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-bell-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:watching]]</span></span>
-
-		<span component="category/tracking/menu" <!-- IF !../isTracked -->class="hidden"<!-- ENDIF !../isTracked -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:tracking]]</span></span>
-
-		<span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:not-watching]]</span></span>
-
-		<span component="category/ignoring/menu" <!-- IF !../isIgnored -->class="hidden"<!-- ENDIF !../isIgnored -->><i class="fa fa-fw fa-eye-slash"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:ignoring]]</span></span>
-		<span class="caret"></span>
-	</button>
-
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="category/watching" data-state="watching" role="menuitem">
-				<span><i component="category/watching/check" class="fa fa-fw {{{ if ./isWatched }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-bell-o"></i> [[category:watching]]</span>
-					<p class="help-text text-muted"><small>[[category:watching.description]]</small></p>
-				</div>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="category/tracking" data-state="tracking" role="menuitem">
-				<span><i component="category/tracking/check" class="fa fa-fw {{{ if ./isTracked }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-inbox"></i> [[category:tracking]]</span>
-					<p class="help-text text-muted"><small>[[category:tracking.description]]</small></p>
-				</div>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="category/notwatching" data-state="notwatching" role="menuitem">
-				<span><i component="category/notwatching/check" class="fa fa-fw {{{ if ./isNotWatched }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]</span>
-					<p class="help-text text-muted"><small>[[category:not-watching.description]]</small></p>
-				</div>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item d-flex" href="#" component="category/ignoring" data-state="ignoring" role="menuitem">
-				<span><i component="category/ignoring/check" class="fa fa-fw {{{ if ./isIgnored }}}fa-check{{{ end }}}"></i></span>
-				<div class="d-flex flex-column">
-					<span><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]</span>
-					<p class="help-text text-muted"><small>[[category:ignoring.description]]</small></p>
-				</div>
-			</a>
-		</li>
-	</ul>
-</div>
+<!-- IF config.loggedIn -->
+<div class="btn-group bottom-sheet" component="topic/watch">
+	<button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
+		<span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-bell-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:watching]]</span></span>
+
+		<span component="category/tracking/menu" <!-- IF !../isTracked -->class="hidden"<!-- ENDIF !../isTracked -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:tracking]]</span></span>
+
+		<span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:not-watching]]</span></span>
+
+		<span component="category/ignoring/menu" <!-- IF !../isIgnored -->class="hidden"<!-- ENDIF !../isIgnored -->><i class="fa fa-fw fa-eye-slash"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:ignoring]]</span></span>
+		<span class="caret"></span>
+	</button>
+
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="category/watching" data-state="watching" role="menuitem">
+				<span><i component="category/watching/check" class="fa fa-fw {{{ if ./isWatched }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-bell-o"></i> [[category:watching]]</span>
+					<p class="help-text text-muted"><small>[[category:watching.description]]</small></p>
+				</div>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="category/tracking" data-state="tracking" role="menuitem">
+				<span><i component="category/tracking/check" class="fa fa-fw {{{ if ./isTracked }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-inbox"></i> [[category:tracking]]</span>
+					<p class="help-text text-muted"><small>[[category:tracking.description]]</small></p>
+				</div>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="category/notwatching" data-state="notwatching" role="menuitem">
+				<span><i component="category/notwatching/check" class="fa fa-fw {{{ if ./isNotWatched }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]</span>
+					<p class="help-text text-muted"><small>[[category:not-watching.description]]</small></p>
+				</div>
+			</a>
+		</li>
+
+		<li>
+			<a class="dropdown-item d-flex" href="#" component="category/ignoring" data-state="ignoring" role="menuitem">
+				<span><i component="category/ignoring/check" class="fa fa-fw {{{ if ./isIgnored }}}fa-check{{{ end }}}"></i></span>
+				<div class="d-flex flex-column">
+					<span><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]</span>
+					<p class="help-text text-muted"><small>[[category:ignoring.description]]</small></p>
+				</div>
+			</a>
+		</li>
+	</ul>
+</div>
 <!-- ENDIF config.loggedIn -->

package/templates/partials/chats-menu.tpl

@@ -1,41 +1,42 @@
-{{{ if config.loggedIn }}}
-<ul class="nav nav-pills">
-	<li class="nav-item">
-		<a class="nav-link" href="#" data-bs-target="#notifications" data-bs-toggle="tab"><span class="counter unread-count" component="notifications/icon" data-content="{unreadCount.notification}"></span> <i class="fa fa-fw fa-bell"></i></a>
-	</li>
-	{{{ if !config.disableChat }}}
-	<li class="nav-item">
-		<a class="nav-link" href="#" data-bs-target="#chats" data-bs-toggle="tab"><i class="counter unread-count" component="chat/icon" data-content="{unreadCount.chat}"></i> <i class="fa fa-fw fa-comment"></i></a>
-	</li>
-	{{{ end }}}
-	<li class="nav-item">
-		<a class="nav-link active" href="#" data-bs-target="#profile" data-bs-toggle="tab">
-			{buildAvatar(user, "24px", true, "user-icon")}
-			<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i>
-		</a>
-	</li>
-</ul>
-
-<div class="tab-content">
-	<div class="tab-pane fade show active" id="profile">
-		<section class="menu-section" data-section="profile">
-			<ul class="menu-section-list dropdown-menu show text-bg-dark w-100 border-0" component="header/usercontrol"></ul>
-		</section>
-	</div>
-	<div class="tab-pane fade" id="notifications">
-		<section class="menu-section text-bg-dark" data-section="notifications">
-			<ul class="menu-section-list notification-list-mobile" component="notifications/list"></ul>
-			<p class="menu-section-list"><a href="{relative_path}/notifications">[[notifications:see-all]]</a></p>
-		</section>
-	</div>
-	{{{ if !config.disableChat }}}
-	<div class="tab-pane fade" id="chats">
-		<section class="menu-section text-bg-dark" data-section="chats">
-			<ul class="menu-section-list chat-list" component="chat/list">
-				<a class="navigation-link" href="{relative_path}/user/{user.userslug}/chats">[[modules:chat.see-all]]</a>
-			</ul>
-		</section>
-	</div>
-	{{{ end }}}
-</div>
+{{{ if config.loggedIn }}}
+<ul class="nav nav-pills">
+	<li class="nav-item">
+		<a class="nav-link text-decoration-none" href="#" data-bs-target="#notifications" data-bs-toggle="tab"><span class="counter unread-count" component="notifications/icon" data-content="{unreadCount.notification}"></span> <i class="fa fa-fw fa-bell"></i></a>
+	</li>
+	{{{ if !config.disableChat }}}
+	<li class="nav-item">
+		<a class="nav-link text-decoration-none" href="#" data-bs-target="#chats" data-bs-toggle="tab"><i class="counter unread-count" component="chat/icon" data-content="{unreadCount.chat}"></i> <i class="fa fa-fw fa-comment"></i></a>
+	</li>
+	{{{ end }}}
+	<li class="nav-item">
+		<a class="nav-link active text-decoration-none" href="#" data-bs-target="#profile" data-bs-toggle="tab">
+			{buildAvatar(user, "24px", true, "user-icon")}
+			<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i>
+		</a>
+	</li>
+</ul>
+
+<div class="tab-content">
+	<div class="tab-pane fade show active" id="profile">
+		<section class="menu-section" data-section="profile">
+			<ul class="menu-section-list dropdown-menu show text-bg-dark w-100 border-0" component="header/usercontrol"></ul>
+		</section>
+	</div>
+	<div class="tab-pane fade" id="notifications">
+		<section class="menu-section text-bg-dark px-1" data-section="notifications">
+			<ul class="menu-section-list notification-list-mobile list-unstyled" component="notifications/list"></ul>
+			<div class="menu-section-list text-center p-3"><a href="{relative_path}/notifications">[[notifications:see-all]]</a></div>
+		</section>
+	</div>
+	{{{ if !config.disableChat }}}
+	<div class="tab-pane fade" id="chats">
+		<section class="menu-section text-bg-dark px-1" data-section="chats">
+			<ul class="menu-section-list chat-list list-unstyled" component="chat/list">
+
+			</ul>
+			<div class="menu-section-list text-center p-3"><a class="navigation-link" href="{relative_path}/user/{user.userslug}/chats">[[modules:chat.see-all]]</a></div>
+		</section>
+	</div>
+	{{{ end }}}
+</div>
 {{{ end }}}

package/templates/partials/cookie-consent.tpl

@@ -1,4 +1,4 @@
-<div class="cookie-consent">
-    <button class="float-end btn btn-primary">{dismiss}</button>
-    {message} <a target="_blank" rel="noopener" href="{link_url}">{link}</a>
-</div>
+<div class="cookie-consent">
+    <button class="float-end btn btn-primary">{dismiss}</button>
+    {message} <a target="_blank" rel="noopener" href="{link_url}">{link}</a>
+</div>