github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 15:06:26 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Increase the hit area of pinned topics on mobile (#11147)

Browse Source 
It used to be only the topic title, but that area has been increased to
include the excerpt too.
This commit is contained in:
Bianca Nenciu 2020-11-11 13:46:53 +02:00 committed by GitHub
parent 5289fc7886
commit 84e2915e71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
View File

@ -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}}

5
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -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 {