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: Improve styling for groups page.

Browse Source
This commit is contained in:
Guo Xiang Tan
2016-12-15 12:07:22 +08:00
parent 3999afc279
commit 3666575b46
7 changed files with 94 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<div class="container group">
<div class='group-details-container'>
<div class='group-details'>
<div class='group-info'>
{{#if model.flair_url}}
<span class='group-avatar-flair'>
{{avatar-flair
@@ -12,13 +12,11 @@
{{/if}}
<span>
<h1 class='group-header'>
<span class='group-title'>{{groupName}}</span>
</h1>
<span class='group-info-name'>{{groupName}}</span>
{{#if model.full_name}}
<h3 class='group-name'>@{{model.name}}</h3>
{{/if}}
<div>
{{#if model.full_name}}<span class='group-info-full-name'>{{model.name}}</span>{{/if}}
</div>
</span>
</div>

21
app/assets/javascripts/discourse/templates/groups.hbs
View File

@@ -12,10 +12,10 @@
<tbody>
{{#each groups as |group|}}
<tr class="groups-table-row">
<td class="groups-name">
<td class="groups-info">
{{#link-to "group.members" group.name}}
{{#if group.flair_url}}
<span>
<span class='group-avatar-flair'>
{{avatar-flair
flairURL=group.flair_url
flairBgColor=group.flair_bg_color
@@ -24,10 +24,23 @@
</span>
{{/if}}
<span><h4>@{{group.name}}</h4></span>
<span>
<span class='groups-info-name'>{{group.name}}</span>
{{#if group.full_name}}
<span class='groups-info-full-name'>{{group.full_name}}</span>
{{/if}}
{{#if group.title}}
<div>
<span class='groups-info-title'>{{group.title}}</span>
</div>
{{/if}}
</span>
{{/link-to}}
</td>
<td>{{group.user_count}}</td>
<td class="groups-user-count">{{group.user_count}}</td>
</tr>
{{/each}}
</tbody>