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

UX: better user title on groups index page (mobile)

Browse source
This commit is contained in:
Arpit Jalan 2015-07-07 18:48:51 +05:30
parent 66bd1053cf
commit 90430eda62
3 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/discourse/templates/group/index.hbs
View file

@ -8,7 +8,7 @@
<a href="{{unbound p.url}}">{{unbound p.title}}</a> <a href="{{unbound p.url}}">{{unbound p.title}}</a>
</span> </span>
<span class="category">{{category-link p.category}}</span> <span class="category">{{category-link p.category}}</span>
<div class="user-info"> <div class="group-member-info">
{{#if p.user_long_name}} {{#if p.user_long_name}}
<span class="name">{{p.user_long_name}}</span>{{#if p.user_title}}<span class="title">, {{p.user_title}}</span>{{/if}} <span class="name">{{p.user_long_name}}</span>{{#if p.user_title}}<span class="title">, {{p.user_title}}</span>{{/if}}
{{/if}} {{/if}}

2
app/assets/stylesheets/desktop/user.scss
View file

@ -494,7 +494,7 @@
font-size: 1.714em; font-size: 1.714em;
} }
} }
.user-info { .group-member-info {
.name { .name {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;

13
app/assets/stylesheets/mobile/user.scss
View file

@ -491,6 +491,19 @@
font-size: 1.714em; font-size: 1.714em;
} }
} }
.group-member-info {
.name {
display: inline-block;
margin-top: 5px;
color: scale-color($primary, $lightness: 30%);
vertical-align: inherit;
}
.title {
display: inline-block;
margin-top: 5px;
color: scale-color($primary, $lightness: 50%);
}
}
} }
.staff-counters { .staff-counters {