IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-27 11:20:57 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Better related messages condensed layout

Browse Source
This commit is contained in:
Kris 2018-11-15 20:21:22 -05:00
parent f2afb69f72
commit 9157fdd69c
1 changed files with 17 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
app/assets/stylesheets/common/base/topic.scss
View File

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