From d8b58505e6922b6433edf3ee9c413e0a4d977816 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Tue, 17 Nov 2020 20:45:29 -0500
Subject: [PATCH] https://github.com/NodeBB/NodeBB/issues/8783

---
 less/topics_list.less  | 12 ++++++++++++
 templates/category.tpl |  8 +-------
 templates/popular.tpl  |  4 +---
 templates/recent.tpl   |  4 +---
 templates/tag.tpl      |  4 +---
 templates/top.tpl      |  4 +---
 templates/unread.tpl   |  4 +---
 7 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/less/topics_list.less b/less/topics_list.less
index 2e6e9bc..1121c46 100644
--- a/less/topics_list.less
+++ b/less/topics_list.less
@@ -1,4 +1,16 @@
 #new-topics-alert {
     margin-bottom: 0px;
     padding: 10px 16px;
+}
+
+.topic-list-header {
+    position: sticky;
+    top: @navbar-height;
+    background-color: @body-bg;
+    z-index: @zindex-navbar;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+    border-top: 1px solid @post-border-color;
+    border-bottom: 1px solid @post-border-color;
 }
\ No newline at end of file
diff --git a/templates/category.tpl b/templates/category.tpl
index 65aa3c9..ee96d13 100644
--- a/templates/category.tpl
+++ b/templates/category.tpl
@@ -8,9 +8,7 @@
 	<div class="category <!-- IF widgets.sidebar.length -->col-lg-9 col-sm-12<!-- ELSE -->col-lg-12<!-- ENDIF widgets.sidebar.length -->">
 		<!-- IMPORT partials/category/subcategory.tpl -->
 
-		<!-- IF children.length --><hr class="hidden-xs"/><!-- ENDIF children.length -->
-
-		<div class="clearfix">
+		<div class="topic-list-header clearfix">
 			<!-- IF privileges.topics:create -->
 			<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary" data-ajaxify="false" role="button">[[category:new_topic_button]]</a>
 			<!-- ELSE -->
@@ -30,10 +28,6 @@
 			</span>
 		</div>
 
-		<hr class="hidden-xs" />
-
-		<p class="hidden-xs">{name}</p>
-
 		<!-- IF !topics.length -->
 		<!-- IF privileges.topics:create -->
 		<hr class="visible-xs" />
diff --git a/templates/popular.tpl b/templates/popular.tpl
index 1375b1a..30279ec 100644
--- a/templates/popular.tpl
+++ b/templates/popular.tpl
@@ -5,7 +5,7 @@
 	{{{end}}}
 </div>
 <div class="popular">
-	<div class="btn-toolbar">
+	<div class="topic-list-header btn-toolbar">
 		<div class="pull-left">
 			<!-- IF canPost -->
 			<!-- IMPORT partials/buttons/newTopic.tpl -->
@@ -47,8 +47,6 @@
 		</div>
 	</div>
 
-	<br />
-
 	<div class="category">
 		<!-- IF !topics.length -->
 		<div class="alert alert-warning" id="category-no-topics">[[recent:no_popular_topics]]</div>
diff --git a/templates/recent.tpl b/templates/recent.tpl
index 7f4552e..724c6ea 100644
--- a/templates/recent.tpl
+++ b/templates/recent.tpl
@@ -5,7 +5,7 @@
 	{{{end}}}
 </div>
 <div class="recent">
-	<div class="btn-toolbar">
+	<div class="topic-list-header btn-toolbar">
 		<div class="pull-left">
 			<!-- IF canPost -->
 			<!-- IMPORT partials/buttons/newTopic.tpl -->
@@ -37,8 +37,6 @@
 		</div>
 	</div>
 
-	<hr class="hidden-xs"/>
-
 	<div class="category">
 		<!-- IF !topics.length -->
 		<div class="alert alert-warning" id="category-no-topics">[[recent:no_recent_topics]]</div>
diff --git a/templates/tag.tpl b/templates/tag.tpl
index c509d9d..8bd89f8 100644
--- a/templates/tag.tpl
+++ b/templates/tag.tpl
@@ -1,7 +1,7 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
 
 <div class="tag">
-	<div class="btn-toolbar">
+	<div class="topic-list-header btn-toolbar">
 		<div class="pull-left">
 			<!-- IF loggedIn -->
 			<!-- IMPORT partials/buttons/newTopic.tpl -->
@@ -11,8 +11,6 @@
 		</div>
 	</div>
 
-	<hr class="hidden-xs"/>
-
 	<!-- IF !topics.length -->
 	<div class="alert alert-warning">[[tags:no_tag_topics]]</div>
 	<!-- ENDIF !topics.length -->
diff --git a/templates/top.tpl b/templates/top.tpl
index 0e2ceb0..b8bd994 100644
--- a/templates/top.tpl
+++ b/templates/top.tpl
@@ -5,7 +5,7 @@
 	{{{end}}}
 </div>
 <div class="top">
-	<div class="btn-toolbar">
+	<div class="topic-list-header btn-toolbar">
 		<div class="pull-left">
 			<!-- IF loggedIn -->
 			<!-- IMPORT partials/buttons/newTopic.tpl -->
@@ -47,8 +47,6 @@
 		</div>
 	</div>
 
-	<hr class="hidden-xs"/>
-
 	<div class="category">
 		<!-- IF !topics.length -->
 		<div class="alert alert-warning" id="category-no-topics">[[top:no_top_topics]]</div>
diff --git a/templates/unread.tpl b/templates/unread.tpl
index e6c2ef6..6ec7c6f 100644
--- a/templates/unread.tpl
+++ b/templates/unread.tpl
@@ -5,7 +5,7 @@
 	{{{end}}}
 </div>
 <div class="unread">
-	<div class="btn-toolbar">
+	<div class="topic-list-header btn-toolbar">
 		<div class="pull-left">
 			<!-- IMPORT partials/buttons/newTopic.tpl -->
 			<a href="{config.relative_path}/{selectedFilter.url}{querystring}" class="inline-block">
@@ -55,8 +55,6 @@
 		</div>
 	</div>
 
-	<hr class="hidden-xs"/>
-
 	<div class="category">
 		<div id="category-no-topics" class="alert alert-warning <!-- IF topics.length -->hidden<!-- ENDIF topics.length -->">[[unread:no_unread_topics]]</div>