discourse
/
discourse-assign
mirror of https://github.com/discourse/discourse-assign.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/javascripts/discourse/templates/mobile/components/assigned-topic-list-item.hbs
View File

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

2
assets/javascripts/discourse/templates/mobile/components/basic-assigned-topic-list.hbs
View File

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

12
assets/stylesheets/assigns.scss
View File

@ -187,3 +187,15 @@
.assigned-to.discourse-tag.simple { .assigned-to.discourse-tag.simple {
color: var(--primary-medium); 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;
}
}
}

23
assets/stylesheets/mobile/assigns.scss
View File

@ -6,9 +6,32 @@
} }
.assigned-topic-list-item { .assigned-topic-list-item {
.topic-list-data {
max-width: unset;
}
.pull-right .num.activity { .pull-right .num.activity {
margin-right: 0.5em; 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"] { .select-kit-row[data-value="unassign-mobile-header"] {