From 84e2915e71ed576560f83d21fc055bb7c8bdb007 Mon Sep 17 00:00:00 2001
From: Bianca Nenciu <nbianca@users.noreply.github.com>
Date: Wed, 11 Nov 2020 13:46:53 +0200
Subject: [PATCH] UX: Increase the hit area of pinned topics on mobile (#11147)

It used to be only the topic title, but that area has been increased to
include the excerpt too.
---
 .../discourse/app/templates/list/topic-excerpt.hbr          | 6 +++---
 app/assets/stylesheets/mobile/topic-list.scss               | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr b/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
index 2257a669cb..df1e710062 100644
--- a/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
+++ b/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
@@ -1,8 +1,8 @@
 {{#if topic.hasExcerpt}}
-  <div class="topic-excerpt">
+  <a href="{{topic.url}}" class="topic-excerpt">
     {{dir-span topic.escapedExcerpt}}
     {{#if topic.excerptTruncated}}
-      <a href="{{topic.url}}">{{i18n 'read_more'}}</a>
+      <span class="topic-excerpt-more">{{i18n 'read_more'}}</span>
     {{/if}}
-  </div>
+  </a>
 {{/if}}
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 6baaf05f58..0c2a4fab0a 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -546,9 +546,14 @@ td .main-link {
   // so the topic excerpt is full width
   // as the containing div is 80%
   .topic-excerpt {
+    display: block;
     padding-right: 0;
     width: 120%;
   }
+
+  .topic-excerpt-more {
+    color: var(--tertiary);
+  }
 }
 
 .category-list.with-topics .category-list-item .category-description {