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.
This commit is contained in:
parent
5289fc7886
commit
84e2915e71
|
@ -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}}
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue