Ghost/ghost/admin/app/components/gh-member-activity-feed.hbs
Sanne de Vries 27cc99c907 Fixed issues for member details mobile view (#1807)
* Fixed issues for member details mobile view

No-ref

- Changed order to display feed at the bottom
- Displayed heading and value vertically between 1400px and 1160px
- Displayed "Complementary plan" copy and switch vertically between 1400px and 1160px
- Added margin below "Continue subscription" button
- Prevented date in feed to wrap

* fixed tests

Co-authored-by: Kevin Ansfield <kevin@lookingsideways.co.uk>
2020-12-16 10:04:33 +01:00

43 lines
1.6 KiB
Handlebars

<div class="gh-member-feed" ...attributes>
<div class="flex justify-between mt8">
<h4 class="midlightgrey f-small fw5 ttu">Member activity</h4>
</div>
<div class="flex-auto br4 shadow-1 bg-grouped-table mt2 flex flex-column justify-between items-stretch">
<div class="pt5 pb5">
{{#if this.activities}}
{{#each this.firstActivities as |activity|}}
<GhMemberActivityFeedItem @activity={{activity}} />
{{/each}}
{{#liquid-if this.isShowingAll class="show-overflow"}}
{{#each this.remainingActivities as |activity|}}
<GhMemberActivityFeedItem @activity={{activity}} />
{{/each}}
{{/liquid-if}}
{{#if (and this.remainingActivities (not this.isShowingAll))}}
<button
type="button"
class="mt4 mb1 ml5 gh-btn gh-btn-icon gh-member-btn-expandfeed"
data-test-button="view-all-activity"
{{on "click" this.showAll}}
>
<span>View all activity</span>
</button>
{{/if}}
{{else}}
<p class="ma0 pa8 tc midgrey">No member activity yet</p>
{{/if}}
</div>
</div>
</div>
{{#if this.emailPreview}}
<GhFullscreenModal @modal="post-email-preview"
@model={{this.emailPreview}}
@close={{this.closeEmailPreview}}
@modifier="full-overlay email-preview" />
{{/if}}