IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

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

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