From 80657813dac67037ccdbce5f8418738cdc9d6d5c Mon Sep 17 00:00:00 2001
From: Azareal <azareal@users.noreply.github.com>
Date: Tue, 25 Sep 2018 18:02:40 +1000
Subject: [PATCH] Made the filter opt visible again and started work on the
 filter drop-down menu.

---
 templates/topics.html                | 12 ++++++++----
 themes/cosora/public/main.css        |  3 +++
 themes/nox/public/main.css           | 17 +++++++++++++++--
 themes/shadow/public/main.css        |  3 +++
 themes/tempra-simple/public/main.css |  3 +++
 5 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/templates/topics.html b/templates/topics.html
index 640fea13..37f322a9 100644
--- a/templates/topics.html
+++ b/templates/topics.html
@@ -6,13 +6,17 @@
 	{{if ne .CurrentUser.ID 0}}
 		<div class="optbox">
 		{{if .ForumList}}
-			<!--<div class="opt" style="margin-right: auto;">
+			<div class="opt filter_opt" style="margin-right: auto;">
 				<a href="#" style="font-size: 18px;margin-left: 5px;"> / Most Recent <span style="margin-left: -5px;">▾</span></a>
 				<div class="link_select">
-					<div class="link_option link_selected">Most Recent</div>
-					<div class="link_option">Most Viewed</div>
+					<div class="link_option link_selected">
+						<a href="/topics/">Most Recent</a>
+					</div>
+					<div class="link_option">
+						<a href="/topics/most-viewed/">Most Viewed</a>
+					</div>
 				</div>
-			</div>-->
+			</div>
 			<div class="pre_opt auto_hide"></div>
 			<div class="opt create_topic_opt" title="{{lang "topic_list.create_topic_tooltip"}}" aria-label="{{lang "topic_list.create_topic_aria"}}"><a class="create_topic_link" href="/topics/create/"></a></div>
 			{{/** TODO: Add a permissions check for this **/}}
diff --git a/themes/cosora/public/main.css b/themes/cosora/public/main.css
index 78590efb..492eb5b9 100644
--- a/themes/cosora/public/main.css
+++ b/themes/cosora/public/main.css
@@ -425,6 +425,9 @@ h1, h3 {
 .mod_opt .moderate_open {
 	display: none;
 }
+.filter_opt {
+	display: none;
+}
 
 .topic_create_form {
 	display: flex !important;
diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css
index bb58b1ec..d80cd352 100644
--- a/themes/nox/public/main.css
+++ b/themes/nox/public/main.css
@@ -332,12 +332,11 @@ h2 {
 .topic_list_title_block .optbox {
 	display: flex;
 	/*margin-left: auto;*/
-	margin-left: auto;
 	font-size: 17px;
 	margin-top: 3.5px;
 	margin-right: 16px;
 	margin-right: 18px;
-	/*width: 100%;*/
+	width: 100%;
 }
 .topic_list_title_block .pre_opt:before {
 	content: "{{index .Phrases "topics_click_topics_to_select"}}";
@@ -356,6 +355,20 @@ h2 {
 	content: "Moderate";
 }
 
+.link_select {
+	background: #333333;
+	background-color: #444444;
+	position: absolute;
+	border: 1px solid #333333;
+	padding: 16px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	margin-top: 2px;
+}
+.link_select .link_option a {
+	margin-left: 0px;
+}
+
 .topic_row:not(:last-child) {
 	margin-bottom: 8px;
 }
diff --git a/themes/shadow/public/main.css b/themes/shadow/public/main.css
index efe9e9ff..5e8dad2a 100644
--- a/themes/shadow/public/main.css
+++ b/themes/shadow/public/main.css
@@ -723,6 +723,9 @@ input[type=checkbox]:checked + label.poll_option_label .sel {
 	margin-left: auto;
 	margin-right: 12px;
 }
+.filter_opt {
+	display: none;
+}
 
 @keyframes fadein {
 	from { opacity: 0; }
diff --git a/themes/tempra-simple/public/main.css b/themes/tempra-simple/public/main.css
index 64284434..b5b8205b 100644
--- a/themes/tempra-simple/public/main.css
+++ b/themes/tempra-simple/public/main.css
@@ -324,6 +324,9 @@ li a {
 	color: rgb(120,120,120);
 	text-decoration: none;
 }*/
+.filter_opt {
+	display: none;
+}
 
 .to_right {
 	margin-left: auto;