From f0ddb7f1148b4df8d832e4204cc60cd110a638b8 Mon Sep 17 00:00:00 2001
From: Chun <12265739+rxchun@users.noreply.github.com>
Date: Thu, 23 May 2024 00:19:09 +0100
Subject: [PATCH 1/4] Related Question Stats - Sidebar

This adds an Answer Counter to the Related Questions widget, on the sidebar.
Screenshot: https://i.ibb.co/vsYqgtZ/z496.jpg
---
 qa-include/plugins/qa-widget-related-qs.php |  6 ++++++
 qa-theme/Candy/qa-styles.css                | 22 ++++++++++++++++++-
 qa-theme/Classic/qa-styles.css              | 22 ++++++++++++++++++-
 qa-theme/Snow/qa-styles.css                 | 14 +++++++++++-
 qa-theme/SnowFlat/qa-styles.css             | 24 ++++++++++++++-------
 5 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/qa-include/plugins/qa-widget-related-qs.php b/qa-include/plugins/qa-widget-related-qs.php
index c4f7a2866..9198257e7 100644
--- a/qa-include/plugins/qa-widget-related-qs.php
+++ b/qa-include/plugins/qa-widget-related-qs.php
@@ -65,8 +65,14 @@ public function output_widget($region, $place, $themeobject, $template, $request
 			$themeobject->output('<ul class="qa-related-q-list">');
 
 			foreach ($questions as $question) {
+				$selectedClass = isset($question['selchildid']) ? ' qa-a-count-selected' : '';
+				$qaLangACountArray = ($question['acount'] == 1) ? qa_lang_html_sub_split('main/1_answer', '1', '1')
+					: qa_lang_html_sub_split('main/x_answers', qa_format_number($question['acount'], 0, true));
+				$qaLangAnswers = implode('', $qaLangACountArray);
+
 				$themeobject->output(
 					'<li class="qa-related-q-item">' .
+					'<span class="qa-related-q-item-stats'. $selectedClass .'" title="'.$qaLangAnswers.'">' . qa_html($question['acount']) . '</span>' .
 					'<a href="' . qa_q_path_html($question['postid'], $question['title']) . '">' .
 					qa_html($question['title']) .
 					'</a>' .
diff --git a/qa-theme/Candy/qa-styles.css b/qa-theme/Candy/qa-styles.css
index e63f3efdc..35f516b06 100644
--- a/qa-theme/Candy/qa-styles.css
+++ b/qa-theme/Candy/qa-styles.css
@@ -453,7 +453,27 @@ h2 {font-size:22px; color:#c659ab; padding-top:12px; clear:both;}
 .qa-related-qs {font-size:14px;}
 .qa-related-qs h2 {font-size:18px;}
 .qa-related-q-list {list-style-type:none; padding:0;}
-.qa-related-q-item {margin:0.5em 0; word-wrap: break-word;}
+.qa-related-q-item {
+	display: flex;
+	padding: 5px 0;
+	word-wrap: break-word;
+	border-bottom: 1px solid #e0e0e0;
+}
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 28px;
+	height: 18px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
+}
+.qa-related-q-item .qa-a-count-selected {
+	background-color: #27ae60;
+	color: #fff;
+}
 .qa-activity-count {font-size:14px;}
 .qa-activity-count-item {margin:0.5em 0;}
 .qa-activity-count-data {font-size:24px; font-weight:bold;}
diff --git a/qa-theme/Classic/qa-styles.css b/qa-theme/Classic/qa-styles.css
index 143ddf3b9..0308aa59a 100644
--- a/qa-theme/Classic/qa-styles.css
+++ b/qa-theme/Classic/qa-styles.css
@@ -425,7 +425,27 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 /* Related questions and activity count widgets */
 
 .qa-related-q-list {list-style-type:none; padding:0;}
-.qa-related-q-item {margin:0.5em 0; word-wrap: break-word;}
+.qa-related-q-item {
+	display: flex;
+	padding: 5px 0;
+	word-wrap: break-word;
+	border-bottom: 1px solid #e0e0e0;
+}
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 28px;
+	height: 18px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
+}
+.qa-related-q-item .qa-a-count-selected {
+	background-color: #27ae60;
+	color: #fff;
+}
 .qa-activity-count {font-size:150%;}
 .qa-activity-count-item {margin:0.25em 0;}
 .qa-activity-count-data {font-weight:bold;}
diff --git a/qa-theme/Snow/qa-styles.css b/qa-theme/Snow/qa-styles.css
index 87e4f52e0..6034510e4 100644
--- a/qa-theme/Snow/qa-styles.css
+++ b/qa-theme/Snow/qa-styles.css
@@ -820,7 +820,7 @@ div.header-banner {
 	border: 1px solid #ffd196;
 }
 
-.qa-a-count-selected {
+.qa-a-count-selected, .qa-related-q-item-stats.qa-a-count-selected {
 	background: #d9f5bb;
 	border: 1px solid #c1daa6;
 }
@@ -2307,11 +2307,23 @@ a.qa-browse-cat-link:visited {
 }
 
 .qa-related-q-item {
+	display: flex;
 	margin: 0;
 	padding: 5px 0;
 	border-top: 1px solid #fafafa;
 	border-bottom: 1px solid #ddd;
 }
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 28px;
+	height: 21px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
+}
 
 .qa-related-q-item:first-child {
 	border-top: none;
diff --git a/qa-theme/SnowFlat/qa-styles.css b/qa-theme/SnowFlat/qa-styles.css
index b44d46ae1..c39af1357 100644
--- a/qa-theme/SnowFlat/qa-styles.css
+++ b/qa-theme/SnowFlat/qa-styles.css
@@ -960,8 +960,9 @@ blockquote p {
 	background-color: #e74c3c;
 }
 
-.qa-a-count-selected {
+.qa-a-count-selected, .qa-related-q-item-stats.qa-a-count-selected {
 	background-color: #27ae60;
+	color: #fff;
 }
 
 @media (max-width: 799px) {
@@ -2956,17 +2957,24 @@ input[type="submit"], button {
 	list-style: none;
 }
 
-.qa-related-q-item a {
-	display: block;
+.qa-related-q-item {
+	display: flex;
 	padding: 5px 0;
 	border-bottom: 1px solid #e0e0e0;
 }
-.qa-related-q-item:first-child a {
-	padding-top: 0;
+.qa-related-q-item:last-child {
+	border-bottom: none;
 }
-.qa-related-q-item:last-child a {
-	padding-bottom: 0;
-	border-bottom: 0;
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 30px;
+	height: 24px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
 }
 
 .qa-nav-cat {

From 32ac8145ae07c2af7201fee4c7c7c77bf5a19b10 Mon Sep 17 00:00:00 2001
From: Chun <12265739+rxchun@users.noreply.github.com>
Date: Thu, 23 May 2024 00:19:09 +0100
Subject: [PATCH 2/4] Related Question Stats - Sidebar

This adds an Answer Counter to the Related Questions widget, on the sidebar.
Screenshot: https://i.ibb.co/vsYqgtZ/z496.jpg
---
 qa-include/plugins/qa-widget-related-qs.php |  6 ++++++
 qa-theme/Candy/qa-styles.css                | 22 ++++++++++++++++++-
 qa-theme/Classic/qa-styles.css              | 22 ++++++++++++++++++-
 qa-theme/Snow/qa-styles.css                 | 14 +++++++++++-
 qa-theme/SnowFlat/qa-styles.css             | 24 ++++++++++++++-------
 5 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/qa-include/plugins/qa-widget-related-qs.php b/qa-include/plugins/qa-widget-related-qs.php
index c4f7a2866..9198257e7 100644
--- a/qa-include/plugins/qa-widget-related-qs.php
+++ b/qa-include/plugins/qa-widget-related-qs.php
@@ -65,8 +65,14 @@ public function output_widget($region, $place, $themeobject, $template, $request
 			$themeobject->output('<ul class="qa-related-q-list">');
 
 			foreach ($questions as $question) {
+				$selectedClass = isset($question['selchildid']) ? ' qa-a-count-selected' : '';
+				$qaLangACountArray = ($question['acount'] == 1) ? qa_lang_html_sub_split('main/1_answer', '1', '1')
+					: qa_lang_html_sub_split('main/x_answers', qa_format_number($question['acount'], 0, true));
+				$qaLangAnswers = implode('', $qaLangACountArray);
+
 				$themeobject->output(
 					'<li class="qa-related-q-item">' .
+					'<span class="qa-related-q-item-stats'. $selectedClass .'" title="'.$qaLangAnswers.'">' . qa_html($question['acount']) . '</span>' .
 					'<a href="' . qa_q_path_html($question['postid'], $question['title']) . '">' .
 					qa_html($question['title']) .
 					'</a>' .
diff --git a/qa-theme/Candy/qa-styles.css b/qa-theme/Candy/qa-styles.css
index e63f3efdc..35f516b06 100644
--- a/qa-theme/Candy/qa-styles.css
+++ b/qa-theme/Candy/qa-styles.css
@@ -453,7 +453,27 @@ h2 {font-size:22px; color:#c659ab; padding-top:12px; clear:both;}
 .qa-related-qs {font-size:14px;}
 .qa-related-qs h2 {font-size:18px;}
 .qa-related-q-list {list-style-type:none; padding:0;}
-.qa-related-q-item {margin:0.5em 0; word-wrap: break-word;}
+.qa-related-q-item {
+	display: flex;
+	padding: 5px 0;
+	word-wrap: break-word;
+	border-bottom: 1px solid #e0e0e0;
+}
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 28px;
+	height: 18px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
+}
+.qa-related-q-item .qa-a-count-selected {
+	background-color: #27ae60;
+	color: #fff;
+}
 .qa-activity-count {font-size:14px;}
 .qa-activity-count-item {margin:0.5em 0;}
 .qa-activity-count-data {font-size:24px; font-weight:bold;}
diff --git a/qa-theme/Classic/qa-styles.css b/qa-theme/Classic/qa-styles.css
index 143ddf3b9..0308aa59a 100644
--- a/qa-theme/Classic/qa-styles.css
+++ b/qa-theme/Classic/qa-styles.css
@@ -425,7 +425,27 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 /* Related questions and activity count widgets */
 
 .qa-related-q-list {list-style-type:none; padding:0;}
-.qa-related-q-item {margin:0.5em 0; word-wrap: break-word;}
+.qa-related-q-item {
+	display: flex;
+	padding: 5px 0;
+	word-wrap: break-word;
+	border-bottom: 1px solid #e0e0e0;
+}
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 28px;
+	height: 18px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
+}
+.qa-related-q-item .qa-a-count-selected {
+	background-color: #27ae60;
+	color: #fff;
+}
 .qa-activity-count {font-size:150%;}
 .qa-activity-count-item {margin:0.25em 0;}
 .qa-activity-count-data {font-weight:bold;}
diff --git a/qa-theme/Snow/qa-styles.css b/qa-theme/Snow/qa-styles.css
index 87e4f52e0..6034510e4 100644
--- a/qa-theme/Snow/qa-styles.css
+++ b/qa-theme/Snow/qa-styles.css
@@ -820,7 +820,7 @@ div.header-banner {
 	border: 1px solid #ffd196;
 }
 
-.qa-a-count-selected {
+.qa-a-count-selected, .qa-related-q-item-stats.qa-a-count-selected {
 	background: #d9f5bb;
 	border: 1px solid #c1daa6;
 }
@@ -2307,11 +2307,23 @@ a.qa-browse-cat-link:visited {
 }
 
 .qa-related-q-item {
+	display: flex;
 	margin: 0;
 	padding: 5px 0;
 	border-top: 1px solid #fafafa;
 	border-bottom: 1px solid #ddd;
 }
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 28px;
+	height: 21px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
+}
 
 .qa-related-q-item:first-child {
 	border-top: none;
diff --git a/qa-theme/SnowFlat/qa-styles.css b/qa-theme/SnowFlat/qa-styles.css
index b44d46ae1..c39af1357 100644
--- a/qa-theme/SnowFlat/qa-styles.css
+++ b/qa-theme/SnowFlat/qa-styles.css
@@ -960,8 +960,9 @@ blockquote p {
 	background-color: #e74c3c;
 }
 
-.qa-a-count-selected {
+.qa-a-count-selected, .qa-related-q-item-stats.qa-a-count-selected {
 	background-color: #27ae60;
+	color: #fff;
 }
 
 @media (max-width: 799px) {
@@ -2956,17 +2957,24 @@ input[type="submit"], button {
 	list-style: none;
 }
 
-.qa-related-q-item a {
-	display: block;
+.qa-related-q-item {
+	display: flex;
 	padding: 5px 0;
 	border-bottom: 1px solid #e0e0e0;
 }
-.qa-related-q-item:first-child a {
-	padding-top: 0;
+.qa-related-q-item:last-child {
+	border-bottom: none;
 }
-.qa-related-q-item:last-child a {
-	padding-bottom: 0;
-	border-bottom: 0;
+.qa-related-q-item-stats {
+	flex-shrink: 0;
+	background-color: #ecf0f1;
+	width: 30px;
+	height: 24px;
+	vertical-align: top;
+	text-align: center;
+	margin-top: 2px;
+	margin-inline-end: .6rem;
+	border-radius: 3px;
 }
 
 .qa-nav-cat {

From ec4d90a369b65b26611debfc2daba2dfe7ef60b2 Mon Sep 17 00:00:00 2001
From: Chun <12265739+rxchun@users.noreply.github.com>
Date: Sat, 1 Jun 2024 09:07:18 +0100
Subject: [PATCH 3/4] Use qa_lang_html_sub instead of qa_lang_html_sub_split

Using `qa_lang_html_sub` instead of `qa_lang_html_sub_split`
---
 qa-include/plugins/qa-widget-related-qs.php | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/qa-include/plugins/qa-widget-related-qs.php b/qa-include/plugins/qa-widget-related-qs.php
index 9198257e7..9f55668ec 100644
--- a/qa-include/plugins/qa-widget-related-qs.php
+++ b/qa-include/plugins/qa-widget-related-qs.php
@@ -66,9 +66,8 @@ public function output_widget($region, $place, $themeobject, $template, $request
 
 			foreach ($questions as $question) {
 				$selectedClass = isset($question['selchildid']) ? ' qa-a-count-selected' : '';
-				$qaLangACountArray = ($question['acount'] == 1) ? qa_lang_html_sub_split('main/1_answer', '1', '1')
-					: qa_lang_html_sub_split('main/x_answers', qa_format_number($question['acount'], 0, true));
-				$qaLangAnswers = implode('', $qaLangACountArray);
+				$qaLangAnswers = ($question['acount'] == 1) ? qa_lang_html_sub('main/1_answer', '1')
+					: qa_lang_html_sub('main/x_answers', qa_format_number($question['acount']));
 
 				$themeobject->output(
 					'<li class="qa-related-q-item">' .

From c3bd7cc85dd9f8be3b45ee4551ecaa7043403dfa Mon Sep 17 00:00:00 2001
From: Chun <12265739+rxchun@users.noreply.github.com>
Date: Sat, 1 Jun 2024 09:39:25 +0100
Subject: [PATCH 4/4] Removed qa_format_number()

Removed `qa_format_number()` as this shouldn't be necessary for answers.
---
 qa-include/plugins/qa-widget-related-qs.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/qa-include/plugins/qa-widget-related-qs.php b/qa-include/plugins/qa-widget-related-qs.php
index 9f55668ec..b936ff393 100644
--- a/qa-include/plugins/qa-widget-related-qs.php
+++ b/qa-include/plugins/qa-widget-related-qs.php
@@ -67,7 +67,7 @@ public function output_widget($region, $place, $themeobject, $template, $request
 			foreach ($questions as $question) {
 				$selectedClass = isset($question['selchildid']) ? ' qa-a-count-selected' : '';
 				$qaLangAnswers = ($question['acount'] == 1) ? qa_lang_html_sub('main/1_answer', '1')
-					: qa_lang_html_sub('main/x_answers', qa_format_number($question['acount']));
+					: qa_lang_html_sub('main/x_answers', $question['acount']);
 
 				$themeobject->output(
 					'<li class="qa-related-q-item">' .