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: don't clip staff shield in user cards (#7398)

Browse Source
This commit is contained in:
Joe 2019-04-19 01:53:23 -07:00 committed by GitHub
parent 7e3628d11f
commit b150a57383
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
app/assets/javascripts/discourse/templates/components/user-card-contents.hbs
View File

@ -18,36 +18,35 @@
{{plugin-outlet name="user-card-avatar-flair" args=(hash user=user) tagName='div'}} {{plugin-outlet name="user-card-avatar-flair" args=(hash user=user) tagName='div'}}
</div> </div>
<div class="names"> <div class="names">
<span> <h1 class="{{staff}} {{newUser}} {{if nameFirst "full-name" "username"}}">
<h1 class="{{staff}} {{newUser}} {{if nameFirst "full-name" "username"}}"> {{#if user.profile_hidden}}
{{#if user.profile_hidden}} <span class="name-username-wrapper">
<span> {{if nameFirst user.name (format-username username)}}
{{if nameFirst user.name (format-username username)}} </span>
{{user-status user currentUser=currentUser}}
</span>
{{else}}
<a href="{{user.path}}" {{action "showUser" user}} class='user-profile-link'>
{{if nameFirst user.name (format-username username)}}
{{user-status user currentUser=currentUser}}
</a>
{{/if}}
</h1>
{{plugin-outlet name="user-card-after-username" args=(hash user=user showUser=(action "showUser" user)) tagName=''}}
{{#unless nameFirst}}
{{#if user.name}}
<h2 class='full-name'>{{user.name}}</h2>
{{/if}}
{{else}} {{else}}
<h2 class='username'>{{username}}</h2> <a href="{{user.path}}" {{action "showUser" user}} class='user-profile-link'>
{{/unless}} <span class="name-username-wrapper">
{{#if user.title}} {{if nameFirst user.name (format-username username)}}
<h2>{{user.title}}</h2> </span>
{{user-status user currentUser=currentUser}}
</a>
{{/if}} {{/if}}
{{#if user.staged}} </h1>
<h2 class="staged">{{i18n 'user.staged'}}</h2> {{plugin-outlet name="user-card-after-username" args=(hash user=user showUser=(action "showUser" user)) tagName=''}}
{{#unless nameFirst}}
{{#if user.name}}
<h2 class='full-name'>{{user.name}}</h2>
{{/if}} {{/if}}
{{plugin-outlet name="user-card-post-names" args=(hash user=user) tagName='div'}} {{else}}
</span> <h2 class='username'>{{username}}</h2>
{{/unless}}
{{#if user.title}}
<h2>{{user.title}}</h2>
{{/if}}
{{#if user.staged}}
<h2 class="staged">{{i18n 'user.staged'}}</h2>
{{/if}}
{{plugin-outlet name="user-card-post-names" args=(hash user=user) tagName='div'}}
</div> </div>
<ul class="usercard-controls"> <ul class="usercard-controls">
{{#if user.can_send_private_message_to_user}} {{#if user.can_send_private_message_to_user}}

14
app/assets/stylesheets/common/components/user-card.scss
View File

@ -43,6 +43,20 @@ $avatar_margin: -50px; // negative margin makes avatars extend above cards
.first-row { .first-row {
.names { .names {
padding-left: 1.25em; padding-left: 1.25em;
.user-profile-link {
display: flex;
align-items: center;
}
.d-icon {
margin: 0 0.25em;
}
.name-username-wrapper {
margin-right: 0;
flex: 0 1 auto;
}
span { span {
display: block; display: block;
} }