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

UX: mobile topic list: move post count to right side of topic title

Browse Source
This commit is contained in:
Neil Lalonde 2015-09-09 16:05:02 -04:00
parent 9f826f1ad6
commit 2922cc3036
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.raw.hbs
View File

@ -1,5 +1,5 @@
<td>
<div class='main-link clearfix'>
<div class='main-link'>
{{raw "topic-status" topic=content}}
{{topic-link content}}
{{#if controller.showTopicPostBadges}}
@ -7,6 +7,10 @@
{{/if}}
{{raw "list/topic-excerpt" topic=content}}
</div>
<div class='pull-right'>
{{raw "list/posts-count-column" topic=content tagName="div"}}
</div>
<div class="clearfix"></div>
<div class="topic-item-stats clearfix">
{{#unless controller.hideCategory}}
@ -17,7 +21,6 @@
{{plugin-outlet "topic-list-tags"}}
<div class="pull-right">
{{raw "list/posts-count-column" topic=content tagName="div"}}
<div class='num activity last'>
<a href="{{content.lastPostUrl}}" title='{{i18n 'last_post'}}: {{{raw-date content.bumped_at}}}'>{{content.last_poster_username}}</a>
{{raw "list/activity-column" topic=content tagName="span" class="age"}}

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

@ -350,8 +350,16 @@ button.dismiss-read {
// base defines extra padding for easier click/top of title field
// this is a bit too much for mobile
td.main-link {
td .main-link {
width: 80%;
display: inline-block;
a.title {
padding: 5px 10px 5px 0;
}
}
.topic-list-item {
.posts-map {
font-size: 1.071em;
padding-top: 2px;
}
}