From a51db9a7bf453385f75f83149c2ddfe1fccd9dda Mon Sep 17 00:00:00 2001
From: Kane York <kanepyork@gmail.com>
Date: Thu, 27 Aug 2020 01:50:18 -0700
Subject: [PATCH] UX: make category topic counts clickable on mobile (#10541)

---
 .../mobile/components/parent-category-row.hbs | 20 ++++++++++++-------
 app/assets/stylesheets/mobile/topic-list.scss |  4 ++++
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/templates/mobile/components/parent-category-row.hbs b/app/assets/javascripts/discourse/app/templates/mobile/components/parent-category-row.hbs
index 9c3c3ae746..7e1e3e6642 100644
--- a/app/assets/javascripts/discourse/app/templates/mobile/components/parent-category-row.hbs
+++ b/app/assets/javascripts/discourse/app/templates/mobile/components/parent-category-row.hbs
@@ -39,21 +39,27 @@
         {{/if}}
       </tbody>
     </table>
-    <footer class="clearfix">
+    <footer class="clearfix category-topics-count">
       <figure title={{i18n "all_time_desc"}}>
-        {{number category.topics_all_time}}
-        <figcaption>{{i18n "all_time"}}</figcaption>
+        <a href={{category.url}}>
+          {{number category.topics_all_time}}
+          <figcaption>{{i18n "all_time"}}</figcaption>
+        </a>
       </figure>
       {{#if category.pickMonth}}
         <figure title={{i18n "month_desc"}}>
-          {{number category.topics_month}}
-          <figcaption>/ {{i18n "month"}}</figcaption>
+          <a href={{category.url}}>
+            {{number category.topics_month}}
+            <figcaption>/ {{i18n "month"}}</figcaption>
+          </a>
         </figure>
       {{/if}}
       {{#if category.pickWeek}}
         <figure title={{i18n "week_desc"}}>
-          {{number category.topics_week}}
-          <figcaption>/ {{i18n "week"}}</figcaption>
+          <a href={{category.url}}>
+            {{number category.topics_week}}
+            <figcaption>/ {{i18n "week"}}</figcaption>
+          </a>
         </figure>
       {{/if}}
     </footer>
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 7754b13615..9e71af8525 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -409,6 +409,10 @@ tr.category-topic-link {
   }
 }
 
+.category-topics-count a {
+  color: var(--primary);
+}
+
 .topic-list-bottom {
   margin: 20px 0 0 0;
 }