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

View File

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

View File

@ -1,7 +1,7 @@
<div class='post-topic'> <div class='post-topic'>
{{#if reviewable.topic}} {{#if reviewable.topic}}
{{topic-status topic=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}} {{category-badge reviewable.category}}
{{else if (has-block)}} {{else if (has-block)}}
{{yield}} {{yield}}

View File

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