Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: truncate long topic tiles to prevent badges and date from wrapping

This commit is contained in:
Joe 2018-12-04 15:27:23 +08:00 committed by GitHub
parent aa97f6fdba
commit 72bd388ff7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/desktop/category-list.scss
View File

@ -62,22 +62,23 @@
margin: 10px 0 0; margin: 10px 0 0;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap;
&:first-of-type { &:first-of-type {
margin-top: 13px; margin-top: 13px;
} }
a.last-posted-at, a.last-posted-at,
a.last-posted-at:visited { a.last-posted-at:visited {
font-size: $font-down-1; font-size: $font-down-1;
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
} }
.topic-statuses .fa { .topic-statuses .fa {
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
} }
.title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 0 1 auto;
}
.topic-post-badges .badge.new-posts, .topic-post-badges .badge.new-posts,
.title { .title {
margin-right: 5px; margin-right: 5px;