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

UX: new topics list for mobile

This commit is contained in:
Régis Hanol 2015-10-23 10:19:28 +02:00
parent fac25763ba
commit 9483940244
3 changed files with 38 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/models/topic.js.es6
View File

@ -8,6 +8,8 @@ const Topic = RestModel.extend({
message: null,
errorLoading: false,
creator: Ember.computed.alias("posters.firstObject.user"),
@computed('fancy_title')
fancyTitle(title) {
title = title || "";

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

@ -1,28 +1,35 @@
<td>
<div class='main-link'>
{{raw "topic-status" topic=content}}
{{topic-link content}}
{{raw "list/topic-excerpt" topic=content}}
</div>
<div class='pull-right'>
{{raw "list/post-count-or-badges" topic=content postBadgesEnabled=controller.showTopicPostBadges}}
</div>
<div class="clearfix"></div>
<div class='creator pull-left'>
<a href="{{content.lastPostUrl}}">{{avatar topic.creator imageSize="large"}}</a>
</div>
<div class="topic-item-stats clearfix">
{{#unless controller.hideCategory}}
<div class='category'>
{{category-link content.category}}
<div class='right'>
<div class='main-link'>
{{raw "topic-status" topic=content}}
{{topic-link content}}
{{raw "list/topic-excerpt" topic=content}}
</div>
{{/unless}}
{{plugin-outlet "topic-list-tags"}}
<div class="pull-right">
<div class='num activity last'>
{{raw "list/activity-column" topic=content tagName="span" class="age"}}
<a href="{{content.lastPostUrl}}" title='{{i18n 'last_post'}}: {{{raw-date content.bumped_at}}}'>{{content.last_poster_username}}</a>
<div class='pull-right'>
{{raw "list/post-count-or-badges" topic=content postBadgesEnabled=controller.showTopicPostBadges}}
</div>
<div class="topic-item-stats clearfix">
{{#unless controller.hideCategory}}
<div class='category'>
{{category-link content.category}}
</div>
{{/unless}}
{{plugin-outlet "topic-list-tags"}}
<div class="pull-right">
<div class='num activity last'>
<span class="age activity" title="{{content.bumpedAtTitle}}"><a href="{{content.lastPostUrl}}">{{format-date content.bumpedAt format="tiny" noTitle="true"}}</a></span>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</td>

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

@ -63,6 +63,14 @@
.topic-list {
.creator {
margin-left: 5px;
}
.right {
margin-left: 60px;
}
> tbody > tr {
&.highlighted {
background-color: dark-light-choose(scale-color($tertiary, $lightness: 85%), scale-color($tertiary, $lightness: -55%));