github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 01:47:22 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: minor mobile topic list alignment adjustments (#16470)

Browse Source 
* UX: minor mobile topic list alignment adjustments

* use margin, not padding
This commit is contained in:
Kris 2022-04-13 15:47:18 -04:00 committed by GitHub
parent eb70ea4478
commit 0ff66b3b74
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -117,18 +117,21 @@
max-width: 300px; max-width: 300px;
} }
.avatar {
margin-top: 0.15em;
}
.main-link { .main-link {
line-height: $line-height-medium; line-height: $line-height-medium;
position: relative; position: relative;
z-index: z("base") + 1; // Intentionally overlapping category to create bigger tap target z-index: z("base") + 1; // Intentionally overlapping category to create bigger tap target
font-size: var(--font-up-1); font-size: var(--font-up-1);
a.title { a.title {
display: block;
color: var(--primary); color: var(--primary);
padding: 0; padding: 0;
} }
.topic-statuses { .topic-statuses {
padding: 0 0 0.5em 0; padding: 0;
a { a {
line-height: 0.8; line-height: 0.8;
color: var(--primary-medium); color: var(--primary-medium);
@ -136,10 +139,6 @@
} }
} }
.topic-featured-link {
padding: 0;
}
.badge-notification, .badge-notification,
.category-topic-link td.num .badge-notification { .category-topic-link td.num .badge-notification {
position: relative; position: relative;