Replaced all classnames referencing stats with analytics

Refs https://github.com/TryGhost/Team/issues/1893
This commit is contained in:
Sanne de Vries 2022-09-17 12:26:39 +01:00
parent 8a5bbad8e3
commit 9cca07ff70
2 changed files with 29 additions and 29 deletions

View File

@ -701,10 +701,10 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
}
/* Post stats
/* Post analytics
/* --------------------------------------------------------- */
.gh-post-stats-header {
.gh-post-analytics-header {
position: relative;
margin: 0 0 2.4rem;
padding: 0 0 1.6rem;
@ -719,13 +719,13 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
white-space: inherit;
}
.gh-post-stats-meta {
.gh-post-analytics-meta {
margin: 0;
color: var(--midlightgrey-d2);
font-size: 1.35rem;
}
.gh-post-stats-box {
.gh-post-analytics-box {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
@ -735,17 +735,17 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
border-radius: var(--border-radius);
}
.gh-post-stats-box.column {
.gh-post-analytics-box.column {
display: flex;
flex-direction: column;
}
.gh-post-stats-box.resources {
.gh-post-analytics-box.resources {
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
}
.gh-post-stats-resource {
.gh-post-analytics-resource {
padding: 2.4rem;
background: var(--white);
border-radius: var(--border-radius);
@ -753,7 +753,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
transition: all .3s ease-in-out;
}
.gh-post-stats-resource:hover {
.gh-post-analytics-resource:hover {
transform: translateY(-4px);
transition: all .3s ease-in-out;
box-shadow:
@ -765,13 +765,13 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
;
}
.gh-post-stats-resource {
.gh-post-analytics-resource {
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 24px;
}
.gh-post-stats-resource .thumbnail {
.gh-post-analytics-resource .thumbnail {
border-radius: var(--border-radius);
width: 100%;
height: auto;
@ -783,7 +783,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
filter: brightness(1.08);
}
.gh-post-stats-resource p {
.gh-post-analytics-resource p {
font-size: 1.5rem;
letter-spacing: 0;
line-height: 1.55;
@ -791,7 +791,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
margin: 0 0 1rem;
}
.gh-post-stats-title {
.gh-post-analytics-title {
margin: 0;
padding: 0 0 2px;
color: var(--black);
@ -799,17 +799,17 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
font-weight: 600;
}
.gh-post-stats-item {
.gh-post-analytics-item {
border-left: 1px solid var(--whitegrey-d2);
padding-left: 2rem;
}
.gh-post-stats-item:first-child {
.gh-post-analytics-item:first-child {
border-left: none;
padding-left: 0;
}
.gh-post-stats-item h3 {
.gh-post-analytics-item h3 {
margin: 0 0 10px;
color: var(--black);
font-size: 2.2rem;
@ -819,7 +819,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
white-space: nowrap;
}
.gh-post-stats-item p {
.gh-post-analytics-item p {
margin: 0;
color: var(--midgrey);
font-size: 1.3rem;
@ -827,7 +827,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
letter-spacing: 0;
}
.gh-post-stats-item p.strong {
.gh-post-analytics-item p.strong {
font-weight: 600;
}

View File

@ -1,6 +1,6 @@
<section class="gh-canvas">
<GhCanvasHeader class="gh-canvas-header stacked gh-post-stats-header">
<GhCanvasHeader class="gh-canvas-header stacked gh-post-analytics-header">
<div class="gh-canvas-breadcrumb">
<LinkTo @route="posts">
Posts
@ -10,30 +10,30 @@
<h2 class="gh-canvas-title gh-post-title">
{{this.post.title}}
</h2>
<p class="gh-post-stats-meta">Published and sent on 12 Feb 2022 at 11:57 to free subscribers</p>
<p class="gh-post-analytics-meta">Published and sent on 12 Feb 2022 at 11:57 to free subscribers</p>
</GhCanvasHeader>
<h4 class="gh-main-section-header small bn">
Engagement
</h4>
<div class="gh-post-stats-box">
<div class="gh-post-stats-item">
<div class="gh-post-analytics-box">
<div class="gh-post-analytics-item">
<h3>20.251</h3>
<p>Sent</p>
</div>
<div class="gh-post-stats-item">
<div class="gh-post-analytics-item">
<h3>60%</h3>
<p><strong>12.200</strong> opened</p>
</div>
<div class="gh-post-stats-item">
<div class="gh-post-analytics-item">
<h3>15%</h3>
<p><strong>3.038</strong> clicked</p>
</div>
<div class="gh-post-stats-item">
<div class="gh-post-analytics-item">
<h3>16</h3>
<p>Free signups</p>
</div>
<div class="gh-post-stats-item">
<div class="gh-post-analytics-item">
<h3>10</h3>
<p>Paid conversions</p>
</div>
@ -42,7 +42,7 @@
<h4 class="gh-main-section-header small bn">
Link clicks
</h4>
<div class="gh-post-stats-box column">
<div class="gh-post-analytics-box column">
<div class="gh-links-list">
<div class="gh-links-list-item">
<a href="#">https://vanschneider.com/blog/#/portal/signup</a>
@ -66,8 +66,8 @@
<h4 class="gh-main-section-header small bn">
Get started with analytics
</h4>
<div class="gh-post-stats-box resources">
<div class="gh-post-stats-resource">
<div class="gh-post-analytics-box resources">
<div class="gh-post-analytics-resource">
<div class="thumbnail" style="background-image: url(assets/img/marketing/analytics-1.jpg);"></div>
<div class="flex flex-column justify-between">
<div>
@ -77,7 +77,7 @@
<div class="gh-btn gh-btn-link">Become an expert &rarr;</div>
</div>
</div>
<div class="gh-post-stats-resource">
<div class="gh-post-analytics-resource">
<div class="thumbnail" style="background-image: url(assets/img/marketing/analytics-2.jpg);"></div>
<div class="flex flex-column justify-between">
<div>