codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-27 17:46:05 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: fix top links & most liked by sections on mobile

Browse source
This commit is contained in:
Régis Hanol 2016-04-17 13:19:06 +02:00
parent 7ad55554dd
commit 3a641033cb
2 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/javascripts/discourse/templates/user/summary.hbs
View file

@ -16,7 +16,7 @@
</div>
<div class='top-section'>
<div class='replies-section pull-left'>
<div class='top-sub-section replies-section pull-left'>
<h3 class='stats-title'>{{i18n "user.summary.top_replies"}}</h3>
{{#if model.replies.length}}
<ul>
@ -43,7 +43,7 @@
<p>{{i18n "user.summary.no_replies"}}</p>
{{/if}}
</div>
<div class='topics-section pull-right'>
<div class='top-sub-section topics-section pull-right'>
<h3 class='stats-title'>{{i18n "user.summary.top_topics"}}</h3>
{{#if model.topics.length}}
<ul>
@ -73,7 +73,7 @@
</div>
<div class='top-section'>
<div class='links-section pull-left'>
<div class='top-sub-section links-section pull-left'>
<h3 class='stats-title'>{{i18n "user.summary.top_links"}}</h3>
{{#if model.links.length}}
<ul>
@ -96,7 +96,7 @@
<p>{{i18n "user.summary.no_links"}}</p>
{{/if}}
</div>
<div class='likes-section pull-right'>
<div class='top-sub-section likes-section pull-right'>
<h3 class='stats-title'>{{i18n "user.summary.most_liked_by"}}</h3>
{{#if model.most_liked_by_users.length}}
<ul>

13
app/assets/stylesheets/common/base/user.scss
View file

@ -198,10 +198,7 @@
}
.top-section,
.replies-section,
.topics-section,
.links-section,
.likes-section {
.top-sub-section {
margin-bottom: 20px;
}
@ -236,10 +233,7 @@
}
}
.replies-section,
.topics-section,
.links-section,
.likes-section {
.top-sub-section {
width: 50%;
ul {
@ -272,8 +266,7 @@
@media all
and (max-width : 600px) {
.replies-section,
.topics-section {
.top-sub-section {
float: none;
width: 100%;
}