github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-26 16:29:55 +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> <td>
<div class='main-link clearfix'> <div class='main-link'>
{{raw "topic-status" topic=content}} {{raw "topic-status" topic=content}}
{{topic-link content}} {{topic-link content}}
{{#if controller.showTopicPostBadges}} {{#if controller.showTopicPostBadges}}
@ -7,6 +7,10 @@
{{/if}} {{/if}}
{{raw "list/topic-excerpt" topic=content}} {{raw "list/topic-excerpt" topic=content}}
</div> </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"> <div class="topic-item-stats clearfix">
{{#unless controller.hideCategory}} {{#unless controller.hideCategory}}
@ -17,7 +21,6 @@
{{plugin-outlet "topic-list-tags"}} {{plugin-outlet "topic-list-tags"}}
<div class="pull-right"> <div class="pull-right">
{{raw "list/posts-count-column" topic=content tagName="div"}}
<div class='num activity last'> <div class='num activity last'>
<a href="{{content.lastPostUrl}}" title='{{i18n 'last_post'}}: {{{raw-date content.bumped_at}}}'>{{content.last_poster_username}}</a> <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"}} {{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 // base defines extra padding for easier click/top of title field
// this is a bit too much for mobile // this is a bit too much for mobile
td.main-link { td .main-link {
width: 80%;
display: inline-block;
a.title { a.title {
padding: 5px 10px 5px 0; padding: 5px 10px 5px 0;
} }
} }
.topic-list-item {
.posts-map {
font-size: 1.071em;
padding-top: 2px;
}
}