mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-11 09:53:32 +03:00
4ec15f7323
refs: https://github.com/TryGhost/Team/issues/1373 - Simplify the member details link on single member activity - Adjust all the activity scrolling to work better at all sizes - Make the header work properly with truncating at narrower viewports - Remove unnecessary CSS and classes - Remove the top line from the member detail box - Move the member detail box so it stays when scrolling - Make the empty state work with new member detail box position - Better scrolling full width whilst not having full width like members - Fix the subscriptions event icon which was a white box in dark mode - Adjustments to global gh-list-scrolling styles at narrower viewports - Test fully on narrower viewports and major browsers
37 lines
1.6 KiB
Handlebars
37 lines
1.6 KiB
Handlebars
<section class="gh-member-details-activity" ...attributes>
|
|
<div class="gh-main-section-block">
|
|
<div class="gh-main-section-content">
|
|
<div class="flex items-center">
|
|
{{#if (or @member.name @member.email)}}
|
|
<GhMemberAvatar
|
|
@member={{@member}}
|
|
@sizeClass={{if @member.name 'f-subheadline fw4 lh-zero tracked-1' 'f-subheadline fw4 lh-zero tracked-1'}}
|
|
@containerClass="w20 h20 mr4 gh-member-detail-avatar"
|
|
/>
|
|
{{else}}
|
|
<div class="flex items-center justify-center br-100 mr4 gh-new-member-avatar">
|
|
<span class="gh-member-avatar-label f-subheadline lh-zero tracked-1">N</span>
|
|
</div>
|
|
{{/if}}
|
|
<div>
|
|
<h3>
|
|
{{or @member.name @member.email}}
|
|
{{#unless (or @member.name @member.email)}}
|
|
{{#if @member.isNew}}
|
|
<span class="midgrey">New member</span>
|
|
{{/if}}
|
|
{{/unless}}
|
|
</h3>
|
|
<p>
|
|
{{#if (and @member.name @member.email)}}
|
|
{{@member.email}}
|
|
{{/if}}
|
|
</p>
|
|
<p>
|
|
<LinkTo class="gh-member-details-activity-link" @route="member" @model={{@member}}>See all details →</LinkTo>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |