Small tweaks to Group page

This commit is contained in:
Robin Ward 2014-02-07 13:46:39 -05:00
parent 130f0e19ec
commit 58247a51e8
3 changed files with 41 additions and 18 deletions

View file

@ -1,8 +1,22 @@
{{#each model}}
<div class='group-member'>
<span class='last-seen-at'>{{i18n last_seen}} {{date last_seen_at}}</span>
{{avatar this imageSize="large"}}
<h3>{{#link-to 'user' this}}{{username}}{{/link-to}}</h3>
<p>{{name}}</p>
</div>
{{/each}}
{{#if model}}
<table class='group-members'>
<tr>
<th colspan="3" class="seen">{{i18n last_seen}}</th>
</tr>
{{#each model}}
<tr>
<td class='avatar'>
{{avatar this imageSize="large"}}
</td>
<td>
<h3>{{#link-to 'user' this}}{{username}}{{/link-to}}</h3>
<p>{{name}}</p>
</td>
<td>
<span class='last-seen-at'>{{date last_seen_at}}</span>
</td>
</tr>
</div>
{{/each}}
</table>
{{/if}}

View file

@ -47,7 +47,7 @@
<div class='groups'>
{{i18n groups.title count=custom_groups.length}}:
{{#each custom_groups}}
{{#link-to 'group' this}}{{name}}{{/link-to}}
{{#link-to 'group' this class="group-link"}}{{name}}{{/link-to}}
{{/each}}
</div>
{{/if}}

View file

@ -116,17 +116,23 @@
width: 680px;
}
.group-member {
img {
float: left;
margin-right: 10px;
table.group-members {
width: 100%;
th.seen {
text-align: right;
}
span.last-seen-at {
float: right;
color: #999;
td.avatar {
width: 60px;
}
td {
img {
margin-right: 10px;
}
span.last-seen-at {
float: right;
color: #999;
}
}
clear: both;
}
.user-content {
@ -204,6 +210,9 @@
h1, h2 {margin-top: 10px;}
.group-link {
color: #aae;
}
.bio {
color: #ddd;