Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve mobile style for topic lists 

This has been driving me nuts for a while now
This commit is contained in:
Sam 2014-04-24 11:10:50 +10:00
parent 2debf7d97d
commit 3ff1d63a8d
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.js.handlebars
View File

@ -33,22 +33,20 @@
{{/unless}}
<div class="pull-right">
<div class='num posts'><a href="{{lastUnreadUrl}}">{{number posts_count numberKey="posts_long"}}</a></div>
<div class='num posts'><a href="{{lastUnreadUrl}}">{{number posts_count numberKey="posts_long"}} <i class="fa fa-comment"></i></a></div>
{{#if like_count}}
<div class='num likes'><a href='{{url}}{{#if has_summary}}?filter=summary{{/if}}' title='{{i18n topic.likes count="like_count"}}'><i class='fa fa-heart'></i> {{number like_count numberKey="likes_long"}}</a></div>
<div class='num likes'><a href='{{url}}{{#if has_summary}}?filter=summary{{/if}}' title='{{i18n topic.likes count="like_count"}}'>{{number like_count numberKey="likes_long"}} <i class='fa fa-heart'></i></a></div>
{{/if}}
<div class='last-poster'>
<i class="fa fa-user"></i> {{last_poster_username}}
</div>
{{#if bumped}}
<div class='num activity last'>
<a href="{{lastPostUrl}}" title='{{i18n last_post}}: {{{rawDate bumped_at}}}'>{{last_poster_username}}</a>
<a href="{{lastPostUrl}}" class='age' title='{{i18n last_post}}: {{{rawDate bumped_at}}}'>{{unboundAge bumped_at}}</a>
</div>
{{else}}
<div class='num activity last'>
<a href="{{url}}" title='{{i18n last_post}}: {{{rawDate bumped_at}}}'>{{last_poster_username}}</a>
<a href="{{url}}" class='age' title='{{i18n first_post}}: {{{rawDate created_at}}}'>{{unboundAge created_at}}</a>
</div>
{{/if}}

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

@ -130,10 +130,19 @@
.topic-item-stats {
.category, .num, .last-poster {
float: left;
margin-right: 8px;
margin-right: 14px;
}
.posts {
font-weight: bold;
.fa {
color: lighten($black, 50%);
}
.fa-heart{
position: relative;
left: -1px;
}
.fa-comment{
position: relative;
top: -1px;
left: 1px;
}
}