Bug fix for member activity mini view when flag is off

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

- careful consideration for styles when feature flag is on and off
- removed an unnecessary class name that helped fix
This commit is contained in:
James Morris 2022-02-01 12:57:11 +00:00
parent 66f1e57d81
commit 418d5ae11c
2 changed files with 53 additions and 1 deletions

View File

@ -19,7 +19,7 @@
{{#if event.email}}
<GhEmailPreviewLink @data={{event.email}} class="gh-member-feed-title" />
{{else}}
<span class="gh-member-feed-title">{{event.action}} {{event.object}}</span>
{{event.action}} {{event.object}}
{{/if}}
</div>
<div class="gh-member-feed-time">

View File

@ -762,6 +762,58 @@ textarea.gh-member-details-textarea {
padding: 1rem 0;
}
.gh-member-feed {
margin: -12px 0 -8px;
}
.gh-member-feed-row {
display: flex;
align-items: flex-start;
padding: 0;
}
.gh-member-feed-activity {
display: flex;
align-items: center;
padding: 12px 0;
}
.gh-member-feed-activity svg {
width: 16px;
margin-right: 1rem;
}
.gh-member-feed-title {
display: table-cell;
padding: 10px 0;
line-height: 1.4em;
vertical-align: middle;
color: var(--darkgrey);
text-align: left;
font-weight: 500;
}
.gh-member-feed-title:hover {
color: var(--black);
}
.gh-member-feed-date {
margin-left: auto;
padding: 10px 0 10px 16px;
color: var(--midgrey);
font-size: 1.3rem;
text-align: right;
white-space: nowrap;
}
.gh-member-feed-row:hover .gh-member-feed-date {
color: var(--darkgrey);
}
.gh-member-btn-expandfeed {
margin: 8px 0;
}
.gh-member-feed-row:first-child .gh-member-feed-container {
padding-top: 0;
}