TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 12:21:36 +03:00
Code Issues Projects Releases Wiki Activity

Replaced all classnames referencing stats with analytics

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
ghost/admin/app/styles/layouts/content.css
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; position: relative;
margin: 0 0 2.4rem; margin: 0 0 2.4rem;
padding: 0 0 1.6rem; 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; white-space: inherit;
} }
.gh-post-stats-meta { .gh-post-analytics-meta {
margin: 0; margin: 0;
color: var(--midlightgrey-d2); color: var(--midlightgrey-d2);
font-size: 1.35rem; font-size: 1.35rem;
} }
.gh-post-stats-box { .gh-post-analytics-box {
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 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); border-radius: var(--border-radius);
} }
.gh-post-stats-box.column { .gh-post-analytics-box.column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.gh-post-stats-box.resources { .gh-post-analytics-box.resources {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-gap: 24px; grid-gap: 24px;
} }
.gh-post-stats-resource { .gh-post-analytics-resource {
padding: 2.4rem; padding: 2.4rem;
background: var(--white); background: var(--white);
border-radius: var(--border-radius); 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; transition: all .3s ease-in-out;
} }
.gh-post-stats-resource:hover { .gh-post-analytics-resource:hover {
transform: translateY(-4px); transform: translateY(-4px);
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
box-shadow: 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; display: grid;
grid-template-columns: 2fr 3fr; grid-template-columns: 2fr 3fr;
grid-gap: 24px; grid-gap: 24px;
} }
.gh-post-stats-resource .thumbnail { .gh-post-analytics-resource .thumbnail {
border-radius: var(--border-radius); border-radius: var(--border-radius);
width: 100%; width: 100%;
height: auto; 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); filter: brightness(1.08);
} }
.gh-post-stats-resource p { .gh-post-analytics-resource p {
font-size: 1.5rem; font-size: 1.5rem;
letter-spacing: 0; letter-spacing: 0;
line-height: 1.55; 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; margin: 0 0 1rem;
} }
.gh-post-stats-title { .gh-post-analytics-title {
margin: 0; margin: 0;
padding: 0 0 2px; padding: 0 0 2px;
color: var(--black); 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; font-weight: 600;
} }
.gh-post-stats-item { .gh-post-analytics-item {
border-left: 1px solid var(--whitegrey-d2); border-left: 1px solid var(--whitegrey-d2);
padding-left: 2rem; padding-left: 2rem;
} }
.gh-post-stats-item:first-child { .gh-post-analytics-item:first-child {
border-left: none; border-left: none;
padding-left: 0; padding-left: 0;
} }
.gh-post-stats-item h3 { .gh-post-analytics-item h3 {
margin: 0 0 10px; margin: 0 0 10px;
color: var(--black); color: var(--black);
font-size: 2.2rem; 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; white-space: nowrap;
} }
.gh-post-stats-item p { .gh-post-analytics-item p {
margin: 0; margin: 0;
color: var(--midgrey); color: var(--midgrey);
font-size: 1.3rem; 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; letter-spacing: 0;
} }
.gh-post-stats-item p.strong { .gh-post-analytics-item p.strong {
font-weight: 600; font-weight: 600;
} }

24
ghost/admin/app/templates/posts/analytics.hbs
View File

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