UX: Additional refactor for topic-list prep (#310)

This commit is contained in:
Jordan Vidrine 2022-03-23 10:42:55 -05:00 committed by GitHub
parent 6e88d1434b
commit d8d2dc950a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 5 deletions

View File

@ -1,5 +1,5 @@
{{#unless skipHeader}} {{#unless skipHeader}}
<thead class="topic-list-header"> <thead class="topic-list-header assigned-topic-list-header">
{{raw "topic-list-header" {{raw "topic-list-header"
canBulkSelect=canBulkSelect canBulkSelect=canBulkSelect
canDoBulkActions=canDoBulkActions canDoBulkActions=canDoBulkActions
@ -17,7 +17,7 @@
</thead> </thead>
{{/unless}} {{/unless}}
<tbody class="topic-list-body"> <tbody class="topic-list-body assigned-topic-list-body">
{{#each filteredTopics as |topic|}} {{#each filteredTopics as |topic|}}
{{assigned-topic-list-item {{assigned-topic-list-item
topic=topic topic=topic

View File

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

View File

@ -188,7 +188,7 @@
color: var(--primary-medium); color: var(--primary-medium);
} }
.topic-list-header .topic-list-data.num:last-of-type { .assigned-topic-list-header .topic-list-data.num:last-of-type {
margin-right: 50px; // account for button in topic-list-items in topic-list-refactor margin-right: 50px; // account for button in topic-list-items in topic-list-refactor
} }

View File

@ -19,6 +19,8 @@
grid-template-areas: grid-template-areas:
"left-top right-top" "left-top right-top"
"left-bottom right-bottom"; "left-bottom right-bottom";
grid-column-start: 1;
grid-column-end: 3;
.discourse-tags { .discourse-tags {
grid-area: left-top; grid-area: left-top;
max-width: unset; max-width: unset;
@ -34,6 +36,11 @@
} }
} }
.assigned-topic-list-item .topic-list-data {
display: grid;
grid-template-columns: 1fr 37px; // 37px is size of button
}
.select-kit-row[data-value="unassign-mobile-header"] { .select-kit-row[data-value="unassign-mobile-header"] {
background: rgba(var(--primary-low-rgb), 0.5); background: rgba(var(--primary-low-rgb), 0.5);
pointer-events: none; pointer-events: none;