UX: mobile topic list fixes follow-up to 0e371d4 (#14959)

This commit is contained in:
Kris 2021-11-15 21:07:32 -05:00 committed by GitHub
parent 6aee9f83ec
commit 8b5dec4607
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 4 deletions

View File

@ -1,4 +1,4 @@
<td>
<td class="topic-list-data">
{{~raw-plugin-outlet name="topic-list-before-columns"}}
{{~#if showMobileAvatar}}
<div class='pull-left'>

View File

@ -122,6 +122,7 @@ ol.category-breadcrumb {
line-height: $line-height-medium;
position: relative;
z-index: z("base") + 1; // Intentionally overlapping category to create bigger tap target
font-size: var(--font-up-1);
a.title {
color: var(--primary);
padding: 0.5em 0 1.2em 0;
@ -162,7 +163,7 @@ ol.category-breadcrumb {
.topic-item-stats {
position: relative;
margin-top: 0.25em;
margin-top: 0.5em;
z-index: z("base");
.category,
.num,
@ -229,7 +230,6 @@ ol.category-breadcrumb {
}
.posts {
width: 10%;
vertical-align: top;
}
@ -434,9 +434,12 @@ td .main-link {
}
}
.topic-list {
.num.posts-map button {
.num.posts-map {
font-size: $font-up-2;
padding: 0;
button {
padding: 0;
}
}
.num.activity a {
padding: 0;