UX: Better related messages condensed layout

This commit is contained in:
Kris 2018-11-15 20:21:22 -05:00
parent f2afb69f72
commit 9157fdd69c

View File

@ -167,40 +167,24 @@ a.badge-category {
max-width: 757px; max-width: 757px;
} }
@include breakpoint(medium, min-width) { .suggested-topics-wrapper.related-messages-wrapper {
.suggested-topics-wrapper.related-messages-wrapper { .topic-list th,
display: flex; .topic-list td {
width: 100%; padding: 5px;
.suggested-topics, }
.related-messages { .topic-list .main-link {
thead { font-size: 1em;
display: none; .topic-list-item .discourse-tags {
} font-size: $font-down-1;
.posts,
.age {
width: 45px;
}
.views {
display: none;
}
.posters {
width: 60px;
a {
display: none;
&:first-of-type,
&:last-of-type {
display: inline;
}
}
}
} }
#suggested-topics { }
order: 2; #related-messages {
margin-left: 1em; padding-bottom: 0;
} }
#related-messages { #suggested-topics {
order: 1; padding-top: 0.5em;
margin-right: 1em; thead {
display: none;
} }
} }
} }