Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-18 02:21:47 -05:00
Code Issues Activity

Updated member activity page with new breadcrumb styles

Browse source 
Refs https://www.notion.so/ghost/Switch-breadcrumb-style-513a624c0e0d490ca39a2fdb97a6971a

- Filtering on specific member activity now uses new breadcrumb pattern
- Fixed double scrollbar issue on member activity and history page
This commit is contained in:
Sanne de Vries 2022-10-04 13:51:01 +07:00
parent 2c498ab193
commit 0124c2f28a
2 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ghost/admin/app/styles/layouts/member-activity.css
View file

@ -16,11 +16,11 @@
}
.gh-members-activity .gh-list-scrolling {
height: calc(100vh - 96px);
height: calc(100vh - 150px);
}
.gh-members-activity-single .gh-list-scrolling {
height: calc(100vh - 96px - 116px);
height: calc(100vh - 150px - 116px);
}
.gh-member-details-activity .gh-main-section-block {
@ -447,7 +447,7 @@
}
.gh-members-activity-single .gh-list-scrolling {
height: calc(100vh - 96px - 116px -64px);
height: calc(100vh - 150px - 116px -64px);
}
.gh-members-activity .gh-list-scrolling {

24
ghost/admin/app/templates/members-activity.hbs
View file

@ -1,12 +1,22 @@
<section class="gh-canvas gh-members-activity {{if this.memberRecord "gh-members-activity-single"}} {{if (feature "memberAttribution") "feature-memberAttribution"}}">
<GhCanvasHeader class="gh-canvas-header">
<h2 class="gh-canvas-title" data-test-screen-title>
<LinkTo @route="members-activity" @query={{reset-query-params "members-activity"}} data-test-link="members-activity-back">Member activity</LinkTo>
{{#if this.memberRecord}}
<span>{{svg-jar "arrow-right"}}</span>
<span class="truncate">{{or this.memberRecord.name this.memberRecord.email}}</span>
{{/if}}
</h2>
{{#if this.memberRecord}}
<div class="flex flex-column">
<div class="gh-canvas-breadcrumb">
<LinkTo @route="members-activity" @query={{reset-query-params "members-activity"}} data-test-link="members-activity-back">
Member activity
</LinkTo>
{{svg-jar "arrow-right-small"}} Member
</div>
<h2 class="gh-canvas-title" data-test-screen-title>
{{or this.memberRecord.name this.memberRecord.email}}
</h2>
</div>
{{else}}
<h2 class="gh-canvas-title" data-test-screen-title>
Member activity
</h2>
{{/if}}
<div class="view-actions">
<MembersActivity::EventTypeFilter