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

More tweaks to the post table for attribution

Browse source 
refs https://github.com/TryGhost/Team/issues/1818
This commit is contained in:
James Morris 2022-08-23 18:27:23 +01:00
parent fc0be31c3f
commit 5a9a7accc0
3 changed files with 50 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ghost/admin/app/components/gh-posts-list-item.hbs
View file

@ -84,7 +84,7 @@
{{#if (and @post.email.trackOpens (eq @post.email.status "submitted"))}} {{#if (and @post.email.trackOpens (eq @post.email.status "submitted"))}}
<div class="flex"> <div class="flex">
<span class="gh-list-rate-bar"> <span class="gh-list-rate-bar">
<span data-tooltip="{{format-number @post.email.openedCount}}">{{@post.email.openRate}}%&nbsp;</span> <span class="gh-list-rate-number" data-tooltip="Opens: {{format-number @post.email.openedCount}}">{{@post.email.openRate}}%&nbsp;</span>
<span class="gh-list-rate-amount"><span style={{html-safe (concat "width: " @post.email.openRate "%;")}}/></span> <span class="gh-list-rate-amount"><span style={{html-safe (concat "width: " @post.email.openRate "%;")}}/></span>
</span> </span>
<span class="midgrey-l2 fw4 gh-content-email-stats-mobile">{{@post.email.openRate}}% opens</span> <span class="midgrey-l2 fw4 gh-content-email-stats-mobile">{{@post.email.openRate}}% opens</span>
@ -96,7 +96,6 @@
{{/if}} {{/if}}
{{/if}} {{/if}}
{{#unless @hideStatusColumn }} {{#unless @hideStatusColumn }}
{{#if (and this.session.user.isContributor @post.isPublished)}} {{#if (and this.session.user.isContributor @post.isPublished)}}
<a href={{@post.url}} class="permalink gh-list-data gh-post-list-status" target="_blank" rel="noopener noreferrer"> <a href={{@post.url}} class="permalink gh-list-data gh-post-list-status" target="_blank" rel="noopener noreferrer">

72
ghost/admin/app/styles/components/lists.css
View file

@ -194,6 +194,44 @@ ul.nostyle li {
} }
.gh-list-rate-bar {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.gh-list-rate-number {
display: inline-block;
width: 33px; /* so it still fits the number 100% */
}
.gh-list-rate-amount {
height: 6px;
border-radius: 2.5px;
background: var(--whitegrey);
overflow: hidden;
position: relative;
display: block;
flex-grow: 1;
margin-left: 4px;
margin-right: 0;
}
.gh-list-rate-amount > span {
background: rgb(213,184,255);
background: linear-gradient(90deg, rgba(213,184,255,1) 0%, rgba(142,66,255,1) 100%);
border-top-right-radius: 2.5px;
border-bottom-right-radius: 2.5px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
min-width: 2px;
}
/* Helpers for smaller sizes /* Helpers for smaller sizes
/* --------------------------------------------------- */ /* --------------------------------------------------- */
@ -464,37 +502,3 @@ ul.nostyle li {
height: calc(100vh - 96px); height: calc(100vh - 96px);
} }
} }
.gh-list-rate-bar {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.gh-list-rate-amount {
height: 6px;
border-radius: 2.5px;
background: var(--whitegrey);
overflow: hidden;
position: relative;
display: block;
flex-grow: 1;
margin-left: 10px;
margin-right: 8px;
}
.gh-list-rate-amount > span {
background: rgb(213,184,255);
background: linear-gradient(90deg, rgba(213,184,255,1) 0%, rgba(142,66,255,1) 100%);
border-top-right-radius: 2.5px;
border-bottom-right-radius: 2.5px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
min-width: 2px;
}

13
ghost/admin/app/styles/layouts/content.css
View file

@ -175,7 +175,7 @@
} }
.gh-posts-opens-header { .gh-posts-opens-header {
width: 200px; width: 170px;
} }
.gh-posts-status-header { .gh-posts-status-header {
@ -364,6 +364,15 @@
} }
@media (max-width: 1600px) { @media (max-width: 1600px) {
.gh-post-list-status,
.gh-post-list-recipients,
.gh-post-list-opens,
.gh-post-list-signups,
.gh-post-list-conversions {
padding-left: 12px;
padding-right: 12px;
}
.gh-posts-signups-header, .gh-posts-signups-header,
.gh-posts-conversions-header, .gh-posts-conversions-header,
.gh-posts-sends-header { .gh-posts-sends-header {
@ -371,7 +380,7 @@
} }
.gh-posts-opens-header { .gh-posts-opens-header {
width: 180px; width: 160px;
} }
} }