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

Merge pull request #4180 from mcwumbly/fix-user-card-location-layout 

FIX: layout for location and website on user card when bio not displayed
This commit is contained in:
Régis Hanol 2016-04-19 07:48:58 +02:00
parent 6a33fcf48e 08298036e3
commit 3a19cabd31
3 changed files with 25 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/javascripts/discourse/controllers/user-card.js.es6
View File

@ -27,6 +27,7 @@ export default Ember.Controller.extend({
showMoreBadges: Em.computed.gt('moreBadgesCount', 0),
showDelete: Em.computed.and("viewingAdmin", "showName", "user.canBeDeleted"),
linkWebsite: Em.computed.not('user.isBasic'),
hasLocationOrWebsite: Em.computed.or('user.location', 'user.website_name'),
@computed('user.user_fields.@each.value')
publicUserFields() {

32
app/assets/javascripts/discourse/templates/user-card.hbs
View File

@ -55,22 +55,24 @@
{{/link-to}}
{{/if}}
<div>
{{#if user.location}}
<span class='location'>{{fa-icon "map-marker"}} {{user.location}}</span>
{{/if}}
{{#if hasLocationOrWebsite}}
<div class="location-and-website">
{{#if user.location}}
<span class='location'>{{fa-icon "map-marker"}} {{user.location}}</span>
{{/if}}
{{#if user.website_name}}
<span class='website-name'>
{{fa-icon "globe"}}
{{#if linkWebsite}}
<a href={{user.website}} rel={{unless removeNoFollow 'nofollow'}} target="_blank">{{user.website_name}}</a>
{{else}}
<span title={{user.website}}>{{user.website_name}}</span>
{{/if}}
</span>
{{/if}}
</div>
{{#if user.website_name}}
<span class='website-name'>
{{fa-icon "globe"}}
{{#if linkWebsite}}
<a href={{user.website}} rel={{unless removeNoFollow 'nofollow'}} target="_blank">{{user.website_name}}</a>
{{else}}
<span title={{user.website}}>{{user.website_name}}</span>
{{/if}}
</span>
{{/if}}
</div>
{{/if}}
{{#if user}}
<div class="metadata">

10
app/assets/stylesheets/desktop/user-card.scss
View File

@ -159,9 +159,13 @@ $user_card_background: #222;
}
}
.website-name {
a {
color: $user_card_primary;
.location-and-website {
clear: left;
.website-name {
a {
color: $user_card_primary;
}
}
}