UX: Restructure queued posts to match flags, fix text

This commit is contained in:
Kris 2019-04-02 14:54:55 -04:00
parent 2ab6eb58c5
commit ba727b2875
4 changed files with 28 additions and 17 deletions

View File

@ -5,7 +5,9 @@
<span class='created-at'>
{{#link-to 'review.show' reviewable.id}}{{age-with-tooltip reviewable.created_at}}{{/link-to}}
</span>
{{#if reviewable.topic}}
<span class='reply-count'>{{i18n "review.topic_replies" count=reviewable.topic.reply_count}}</span>
{{/if}}
<span class='status'>
{{#if reviewable.approved}}
{{d-icon "check"}} {{i18n "review.statuses.approved.title"}}

View File

@ -1,17 +1,10 @@
{{reviewable-created-by user=reviewable.created_by tagName=''}}
<div class='post-contents'>
{{reviewable-created-by-name user=reviewable.created_by tagName=''}}
{{#reviewable-topic-link reviewable=reviewable}}
{{i18n "review.new_topic"}}
{{#reviewable-topic-link reviewable=reviewable tagName=''}}
<div class="title-text">{{i18n "review.new_topic"}}
{{reviewable.payload.title}}
{{/reviewable-topic-link}}
<div class='post-body'>
{{cook-text reviewable.payload.raw}}
</div>
{{category-badge reviewable.category}}
{{#if reviewable.payload.tags}}
<div class="list-tags">
{{#each reviewable.payload.tags as |t|}}
@ -19,6 +12,18 @@
{{/each}}
</div>
{{/if}}
{{/reviewable-topic-link}}
<div class='post-contents-wrapper'>
{{reviewable-created-by user=reviewable.created_by tagName=''}}
<div class='post-contents'>
{{reviewable-created-by-name user=reviewable.created_by tagName=''}}
<div class='post-body'>
{{cook-text reviewable.payload.raw}}
</div>
{{yield}}
</div>
</div>

View File

@ -1,7 +1,7 @@
<div class='post-topic'>
{{#if reviewable.topic}}
{{topic-status topic=reviewable.topic}}
<a href={{reviewable.topic_url}} class='title'>{{reviewable.topic.title}}</a>
<a href={{reviewable.topic_url}} class='title-text'>{{reviewable.topic.title}}</a>
{{category-badge reviewable.category}}
{{else if (has-block)}}
{{yield}}

View File

@ -207,7 +207,7 @@
border-width: 1px;
td:first-of-type {
padding-right: 1em;
min-width: 150px;
min-width: 180px;
width: 25%;
}
> tr > th {
@ -264,11 +264,15 @@
font-weight: bold;
color: $primary-medium;
margin-bottom: 0.75em;
a {
.title-text {
color: $primary-high;
display: block;
font-size: $font-up-2;
margin-right: 0.75em;
}
a.title-text {
color: $tertiary;
}
.topic-statuses {
&:empty {
display: none;