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

UX: Use mobile nav for group page.

This commit is contained in:
Guo Xiang Tan 2016-12-06 17:02:28 +08:00
parent badfda223c
commit bad6dbc891
2 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/javascripts/discourse/templates/group.hbs
View File

@ -30,18 +30,16 @@
{{/if}} {{/if}}
</div> </div>
<div class='pull-left group-nav'> {{#mobile-nav class='group-nav' desktopClass="pull-left nav nav-stacked" currentPath=currentPath}}
<ul class='nav-stacked'> {{#each getTabs as |tab|}}
{{#each getTabs as |tab|}} <li class="{{if tab.active 'active'}}">
<li class="{{if tab.active 'active'}}"> {{#link-to tab.location model title=tab.message}}
{{#link-to tab.location model title=tab.message}} {{tab.message}}
{{tab.message}} {{#if tab.count}}<span class='count'>({{tab.count}})</span>{{/if}}
{{#if tab.count}}<span class='count'>({{tab.count}})</span>{{/if}} {{/link-to}}
{{/link-to}} </li>
</li> {{/each}}
{{/each}} {{/mobile-nav}}
</ul>
</div>
<div class='pull-left group-outlet'> <div class='pull-left group-outlet'>
<div class='user-main'> <div class='user-main'>

18
app/assets/stylesheets/mobile/group.scss
View File

@ -6,6 +6,24 @@
width: 100%; width: 100%;
} }
.group-details-container {
margin-bottom: 15px;
}
.group-nav.mobile-nav {
margin-bottom: 15px;
> li {
a {
color: white;
.fa { color: white; }
}
}
background-color: $quaternary;
}
table.group-members { table.group-members {
th { th {
text-align: center; text-align: center;