UX: move and restyle bulk select on desktop (#65)

This commit is contained in:
Kris
2025-03-20 08:42:11 -04:00
committed by GitHub
parent 274e5f7a1f
commit 7f6b0df5bf
3 changed files with 75 additions and 7 deletions
+3 -7
View File
@@ -34,7 +34,7 @@ $extra-large: 1280px;
.bulk-select-enabled .topic-list-item {
grid-template-areas:
"bulk-select avatar author status status . activity"
"avatar author status status . activity"
". topic-title topic-title topic-title likes-replies likes-replies category";
.bulk-select {
grid-area: bulk-select;
@@ -50,7 +50,7 @@ $extra-large: 1280px;
grid-template-columns: 44px min-content min-content auto min-content min-content min-content;
grid-template-rows: 22px minmax(22px, auto);
grid-template-areas:
"bulk-select avatar author status status . activity"
"avatar author status status . activity"
". topic-title topic-title topic-title . . likes-replies"
". topic-title topic-title topic-title . . category";
}
@@ -58,7 +58,7 @@ $extra-large: 1280px;
grid-template-columns: 25px auto repeat(6, 1fr);
grid-template-rows: auto auto auto;
grid-template-areas:
"bulk-select category-status category-status . . . . activity"
"avatar category-status category-status . . . . activity"
"topic-title topic-title topic-title topic-title topic-title topic-title topic-title topic-title"
"avatar author . . . . . likes-replies";
}
@@ -355,10 +355,6 @@ body.user-messages-page .topic-list-item {
}
}
.topic-list-header {
display: none;
}
.topic-list-item {
background: var(--d-content-background);
box-shadow: 0px 0px 12px 1px var(--topic-card-shadow);