TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 14:43:08 +03:00
Code Issues Projects Releases Wiki Activity

🐛 Fixed icon size in member activity view when labs flag is disabled

Browse Source 
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 committed by Daniel Lockyer
parent 4e5fe7b2ee
commit 9cce99d7a1
2 changed files with 53 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/components/member/activity-feed.hbs
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">

52
ghost/admin/app/styles/layouts/members.css
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;
}