Added some tweaks to Members Detail link for Activity

refs: https://github.com/TryGhost/Team/issues/1373

- changed searched name clear to say Clear Member as there was duplicates across the screen
- tried to tidy up the Member Detail link when filtered by members in Activity
- few tiny CSS tweaks
This commit is contained in:
James Morris 2022-03-09 16:59:27 +00:00
parent 54eb037e3f
commit 49f8d09e46
3 changed files with 18 additions and 12 deletions

View File

@ -21,14 +21,14 @@
<span class="midgrey">New member</span>
{{/if}}
{{/unless}}
<span class="gh-member-details-activity-email">
{{#if (and @member.name @member.email)}}
&nbsp;&middot;&nbsp;{{@member.email}}
{{/if}}
</span>
</h3>
<p>
<LinkTo class="gh-member-details-activity-link" @route="member" @model={{@member}}>{{svg-jar "member"}} See member details</LinkTo>
{{#if (and @member.name @member.email)}}
{{@member.email}}
{{/if}}
</p>
<p>
<LinkTo class="gh-member-details-activity-link" @route="member" @model={{@member}}>{{svg-jar "members"}} See member details</LinkTo>
</p>
</div>
</div>

View File

@ -1,8 +1,7 @@
{{#if @selected}}
<div class="gh-btn" {{on "click" (fn @onChange null)}}>
<span class="gh-btn-label-green">
{{or @selected.name @selected.email}}
&times;
Clear member &times;
</span>
</div>
{{else}}

View File

@ -28,7 +28,7 @@
}
.gh-member-details-activity h3 {
margin: 0;
margin: 0 0 3px;
padding: 0;
font-size: 1.6rem;
font-weight: 600;
@ -46,22 +46,29 @@
}
.gh-member-details-activity-link {
margin: 0 0 0 -2px;
margin: 1px 0 0;
padding: 0;
font-size: 1.4rem;
font-weight: 400;
color: var(--green);
display: flex;
align-items: center;
transition: color 125ms linear;
}
.gh-member-details-activity-link:hover {
color: var(--green-d2);
}
.gh-member-details-activity-link svg {
width: 1.6rem;
height: 1.6rem;
margin-right: 0.6rem;
color: var(--green);
}
.gh-member-details-activity-link svg path {
fill: var(--green);
.gh-member-details-activity-link:hover svg {
color: var(--green-d2);
}
.gh-member-details-activity-email {