Mobile: topic list, topic view, sidebar tweaks

This commit is contained in:
chapoi
2025-03-10 23:50:13 +08:00
committed by GitHub
parent 9e96704c24
commit fc97ab99fe
10 changed files with 133 additions and 89 deletions
+7 -5
View File
@@ -107,6 +107,9 @@ body.user-messages-page .topic-list-item {
grid-template-areas:
"avatar author status status . . activity"
". topic-title topic-title topic-title likes-replies likes-replies category";
grid-column-gap: 12px;
grid-row-gap: 8px;
border-radius: var(--d-border-radius);
&.excerpt-expanded {
grid-template-columns: 44px repeat(6, 1fr) auto;
grid-template-rows: 22px auto auto 30px;
@@ -134,9 +137,6 @@ body.user-messages-page .topic-list-item {
}
}
}
grid-column-gap: 12px;
grid-row-gap: 8px;
border-radius: var(--d-border-radius);
@media screen and (max-width: $medium) {
grid-template-columns: 44px min-content min-content auto min-content min-content min-content;
grid-template-rows: 22px minmax(22px, auto);
@@ -361,7 +361,9 @@ body.user-messages-page .topic-list-item {
background: var(--d-content-background);
box-shadow: 0px 0px 26px 1px var(--topic-card-shadow);
&:hover {
border: 1px solid var(--accent-color);
background: var(--d-content-background);
.discourse-no-touch & {
border: 1px solid var(--accent-color);
background: var(--d-content-background);
}
}
}