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

DEV: Improve user card styling extensibility (#10508)

Browse Source 
- Add a metadata-row class
- Remove wrapper tags from user-card-after-metadata and user-card-before-badges outlets
- Correct max-height for mobile card
This commit is contained in:
David Taylor 2020-08-24 11:02:40 +01:00 committed by GitHub
parent 629ee5494d
commit ac80109705
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -189,7 +189,7 @@
</div> </div>
{{/if}} {{/if}}
<div class="card-row"> <div class="card-row metadata-row">
{{#unless this.user.profile_hidden}} {{#unless this.user.profile_hidden}}
<div class="metadata"> <div class="metadata">
{{#if this.user.last_posted_at}} {{#if this.user.last_posted_at}}
@ -225,7 +225,7 @@
{{plugin-outlet name="user-card-metadata" args=(hash user=this.user)}} {{plugin-outlet name="user-card-metadata" args=(hash user=this.user)}}
</div> </div>
{{/unless}} {{/unless}}
{{plugin-outlet name="user-card-after-metadata" args=(hash user=this.user)}} {{plugin-outlet name="user-card-after-metadata" args=(hash user=this.user) tagName=""}}
</div> </div>
{{#if this.publicUserFields}} {{#if this.publicUserFields}}
@ -243,7 +243,7 @@
</div> </div>
{{/if}} {{/if}}
{{plugin-outlet name="user-card-before-badges" args=(hash user=this.user)}} {{plugin-outlet name="user-card-before-badges" args=(hash user=this.user) tagName=""}}
{{#if this.showBadges}} {{#if this.showBadges}}
<div class="card-row"> <div class="card-row">

2
app/assets/stylesheets/mobile/components/user-card.scss
View File

@ -8,7 +8,7 @@ $avatar_width: 120px;
z-index: z("mobile-composer") + 2; z-index: z("mobile-composer") + 2;
max-width: 95vw; max-width: 95vw;
margin: 0 2.5vw; margin: 0 2.5vw;
max-height: 90vh; max-height: 85vh; // 2.5vh margin-top and margin-bottom. 10vh top
// avatar - names - controls // avatar - names - controls
.first-row { .first-row {
flex-wrap: wrap; flex-wrap: wrap;