UX: move 'new dot' in mobile topics lists at the end of the topic title

This commit is contained in:
Régis Hanol 2015-11-09 11:24:19 +01:00
parent 9f56381b0b
commit 13bf6a6d7b
5 changed files with 12 additions and 8 deletions

View File

@ -1,8 +1,5 @@
{{#if view.showBadges}} {{#if view.showBadges}}
{{raw "topic-post-badges" unread=topic.unread newPosts=topic.displayNewPosts unseen=topic.unseen url=topic.lastUnreadUrl}} {{raw "topic-post-badges" unread=topic.unread newPosts=topic.displayNewPosts unseen=topic.unseen url=topic.lastUnreadUrl}}
{{else}} {{else}}
{{#if topic.unseen}}
<span class="badge-notification new-topic"></span>
{{/if}}
{{raw "list/posts-count-column" topic=topic tagName="div"}} {{raw "list/posts-count-column" topic=topic tagName="div"}}
{{/if}} {{/if}}

View File

@ -8,7 +8,9 @@
<div class='main-link'> <div class='main-link'>
{{topic-status topic=t}} {{topic-status topic=t}}
{{topic-link t}} {{topic-link t}}
{{#if t.unseen}}
<span class="badge-notification new-topic"></span>
{{/if}}
{{#if t.hasExcerpt}} {{#if t.hasExcerpt}}
<div class="topic-excerpt"> <div class="topic-excerpt">
{{{t.excerpt}}} {{{t.excerpt}}}

View File

@ -21,8 +21,10 @@
<div class='topic-inset'> <div class='topic-inset'>
{{topic-status topic=t}} {{topic-status topic=t}}
{{topic-link t}} {{topic-link t}}
{{#if t.unseen}}
<span class="badge-notification new-topic"></span>
{{/if}}
<span class="{{cold-age-class t.last_posted_at}}" title='{{raw-date t.last_posted_at}}'>{{{format-age t.last_posted_at}}}</span> <span class="{{cold-age-class t.last_posted_at}}" title='{{raw-date t.last_posted_at}}'>{{{format-age t.last_posted_at}}}</span>
{{#if t.hasExcerpt}} {{#if t.hasExcerpt}}
<div class="topic-excerpt"> <div class="topic-excerpt">
{{{t.excerpt}}} {{{t.excerpt}}}

View File

@ -10,6 +10,9 @@
<div class='main-link'> <div class='main-link'>
{{raw "topic-status" topic=content}} {{raw "topic-status" topic=content}}
{{topic-link content}} {{topic-link content}}
{{#if content.unseen}}
<span class="badge-notification new-topic"></span>
{{/if}}
{{raw "list/topic-excerpt" topic=content}} {{raw "list/topic-excerpt" topic=content}}
</div> </div>

View File

@ -92,8 +92,8 @@
margin-right: 0; margin-right: 0;
} }
&.new-topic { &.new-topic {
padding-right: 0; padding: 0;
top: -3px; top: -2px;
} }
} }