codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-28 01:56:01 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: mobile /categories page new and unread styles match other topic lists

Browse source
This commit is contained in:
Neil Lalonde 2015-09-16 11:43:35 -04:00
parent 24f09edbed
commit f321dd2046
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/javascripts/discourse/templates/mobile/discovery/categories.hbs
View file

@ -22,7 +22,6 @@
{{topic-status topic=t}} {{topic-status topic=t}}
{{topic-link t}} {{topic-link t}}
{{topic-post-badges unread=t.unread newPosts=t.new_posts unseen=t.unseen url=t.lastUnreadUrl}}
{{#if t.hasExcerpt}} {{#if t.hasExcerpt}}
<div class="topic-excerpt"> <div class="topic-excerpt">
{{{t.excerpt}}} {{{t.excerpt}}}
@ -36,7 +35,7 @@
{{/if}} {{/if}}
</div> </div>
</td> </td>
<td class='num posts'>{{number t.posts_count}}</td> <td class='num posts'>{{raw "list/post-count-or-badges" topic=t postBadgesEnabled="true"}}</td>
<td class='num age'><span class="{{cold-age-class t.last_posted_at}}" title='{{raw-date t.last_posted_at}}'>{{{format-age t.last_posted_at}}}</span></td> <td class='num age'><span class="{{cold-age-class t.last_posted_at}}" title='{{raw-date t.last_posted_at}}'>{{{format-age t.last_posted_at}}}</span></td>
</tr> </tr>

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

@ -77,7 +77,7 @@
a.title {color: $primary;} a.title {color: $primary;}
.badge-notification { .badge-notification, .category-topic-link td.num .badge-notification {
position: relative; position: relative;
top: -1px; top: -1px;
font-size: 1.071em; font-size: 1.071em;
@ -93,6 +93,12 @@
} }
} }
.category-topic-link td.num .badge-notification {
&.new-posts, &.unread-posts {
color: dark-light-choose($secondary, $secondary);
}
}
.topic-item-stats { .topic-item-stats {
margin-top: 8px; margin-top: 8px;
.category, .num, .last-poster { .category, .num, .last-poster {
@ -225,6 +231,13 @@ tr.category-topic-link {
font-size: 110%; font-size: 110%;
} }
.category-topic-link .num {
white-space: nowrap;
.number {
font-size: 1.071em;
}
}
.posters { .posters {
float: left; float: left;