UX: Topic list refactor (#299)

This commit is contained in:
Jordan Vidrine 2022-03-09 16:46:10 -06:00 committed by GitHub
parent 264620985e
commit 8c382b02c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 38 additions and 3 deletions

View File

@ -20,7 +20,7 @@
</div>
{{/if}}
</div>
<div class="pull-right">
<div class="pull-right topic-list-num">
{{#if topic.assigned_to_user}}
{{assign-actions-dropdown
topic=topic
@ -46,7 +46,7 @@
<div class="clearfix"></div>
<div class="topic-item-stats clearfix">
{{discourse-tags topic mode="list" tagsForUser=tagsForUser}}
<div class="pull-right">
<div class="pull-right topic-list-num">
{{raw "list/activity-column" topic=topic tagName="div" class="num activity last"}}
<a href={{topic.lastPostUrl}} title="{{i18n "last_post"}}: {{html-safe raw-date topic.bumped_at}}">{{topic.last_poster_username}}</a>
</div>

View File

@ -9,7 +9,7 @@
{{#if topics}}
<table class="topic-list">
<tbody>
<tbody class="topic-list-body">
{{#each topics as |t|}}
{{assigned-topic-list-item
topic=t

View File

@ -187,3 +187,15 @@
.assigned-to.discourse-tag.simple {
color: var(--primary-medium);
}
.topic-list-header .topic-list-data.num:last-of-type {
margin-right: 50px; // account for button in topic-list-items in topic-list-refactor
}
.assigned-topic-list-item {
.topic-list-data {
.topic-item-stats .category a {
max-width: 145px;
}
}
}

View File

@ -6,9 +6,32 @@
}
.assigned-topic-list-item {
.topic-list-data {
max-width: unset;
}
.pull-right .num.activity {
margin-right: 0.5em;
}
.topic-item-stats {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-template-areas:
"left-top right-top"
"left-bottom right-bottom";
.discourse-tags {
grid-area: left-top;
max-width: unset;
}
.topic-list-num {
grid-area: right-bottom;
display: flex;
justify-content: end;
}
.category {
grid-area: left-bottom;
}
}
}
.select-kit-row[data-value="unassign-mobile-header"] {