TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki 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"))}}
<div class="flex">
<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>
<span class="midgrey-l2 fw4 gh-content-email-stats-mobile">{{@post.email.openRate}}% opens</span>
@ -96,7 +96,6 @@
{{/if}}
{{/if}}
{{#unless @hideStatusColumn }}
{{#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">

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
/* --------------------------------------------------- */
@ -464,37 +502,3 @@ ul.nostyle li {
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 {
width: 200px;
width: 170px;
}
.gh-posts-status-header {
@ -364,6 +364,15 @@
}
@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-conversions-header,
.gh-posts-sends-header {
@ -371,7 +380,7 @@
}
.gh-posts-opens-header {
width: 180px;
width: 160px;
}
}