From 5de1f669737140889078047aa8823d7748e2afa8 Mon Sep 17 00:00:00 2001
From: Azareal <azareal@users.noreply.github.com>
Date: Mon, 10 Aug 2020 17:10:44 +1000
Subject: [PATCH] linkify avatars on the forum list nox: dim linkified avatars
 on hover nox: tweak filter_selected text color

---
 templates/forums.html      |  2 +-
 themes/nox/public/main.css | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/templates/forums.html b/templates/forums.html
index 108e4d55..edeac433 100644
--- a/templates/forums.html
+++ b/templates/forums.html
@@ -16,7 +16,7 @@
 		{{end}}
 		</span>
 		<span class="forum_right shift_right">
-			{{if .LastReplyer.MicroAvatar}}<img class="extra_little_row_avatar"src="{{.LastReplyer.MicroAvatar}}"height=64 width=64 alt="Avatar"title="{{.LastReplyer.Name}}'s Avatar"aria-hidden="true">{{end}}
+			{{if .LastReplyer.MicroAvatar}}<a href="{{.LastReplyer.Link}}"><img class="extra_little_row_avatar"src="{{.LastReplyer.MicroAvatar}}"height=64 width=64 alt="Avatar"title="{{.LastReplyer.Name}}'s Avatar"aria-hidden="true"></a>{{end}}
 			<span>
 				<a {{if .LastTopic.Link}}class="forum_poster"href="{{.LastTopic.Link}}"{{else}}class="forum_no_poster"{{end}}>{{if .LastTopic.Title}}{{.LastTopic.Title}}{{else}}{{lang "forums_none"}}{{end}}</a>
 				{{if .LastTopicTime}}<br><span class="rowsmall"title="{{abstime .LastTopic.LastReplyAt}}">{{.LastTopicTime}}</span>{{end}}
diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css
index d51a6112..96935ffe 100644
--- a/themes/nox/public/main.css
+++ b/themes/nox/public/main.css
@@ -166,6 +166,9 @@ li a {
 	padding-bottom: 10px;
 	border: 1px solid #444444;
 }
+a img:hover {
+	filter: brightness(92%);
+}
 .user_box img {
 	display: block;
 	width: 36px;
@@ -291,6 +294,9 @@ h1, h2, h3, h4, h5 {
 .filter_selected {
 	background-color: #555555 !important;
 }
+.filter_selected a {
+	color: #CCCCCC;
+}
 /* new end */
 
 @keyframes fadein {
@@ -571,6 +577,9 @@ h2 {
 	width: 38px;
 	margin-right: 10px;
 }
+.topic_left img:hover, .topic_right img:hover {
+	filter: brightness(95%);
+}
 .topic_inner_left {
 	display: flex;
 	flex-direction: column;
@@ -757,6 +766,9 @@ button, .formbutton, .panel_right_button:not(.has_inner_button) {
 	height: 36px;
 	width: 36px;
 }
+.extra_little_row_avatar:hover {
+	filter: brightness(92%);
+}
 
 .colstack, .topic_item {
 	display: flex;