Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Updated small charts on Dashboard

Browse source
This commit is contained in:
Peter Zimon 2021-02-19 13:08:57 +01:00
parent c83e54f21b
commit b045a28ec3
3 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/styles/layouts/dashboard.css
View file

@ -237,10 +237,10 @@
}
.gh-dashboard-summary.small .growth {
font-size: 1.3rem;
font-size: 1.2rem;
letter-spacing: 0;
padding: 2px 4px;
margin: 0 0 3px 10px;
margin: 6px 0 0;
}
.gh-dashboard-summary .growth.positive {

15
ghost/admin/app/styles/layouts/members.css
View file

@ -187,11 +187,22 @@ p.gh-members-list-email {
}
.gh-members-chart-box.small {
position: relative;
width: 180px;
height: 76px;
border: 1px solid var(--list-color-divider);
border-top: none;
padding-top: 0;
margin-right: -6px;
}
.gh-members-chart-box.small::before {
position: absolute;
content: "";
display: block;
height: 1px;
bottom: 1px;
left: 10px;
right: 6px;
background: var(--list-color-divider);
}
.gh-members-chart-header {

18
ghost/admin/app/templates/dashboard.hbs
View file

@ -37,10 +37,8 @@
<div class="gh-dashboard-chart-container">
<div class="gh-dashboard-summary small">
<h4 class="gh-dashboard-header">Total members</h4>
<div class="data-container">
<div class="data">{{this.memberCountStats.data.all.total}}</div>
<div class="growth">0.0%</div>
</div>
<div class="data">{{this.memberCountStats.data.all.total}}</div>
<div class="growth">0.0%</div>
</div>
<div class="gh-dashboard-chart small">
<GhMembersChart @nightShift={{feature "nightShift"}} @chartSize="small" @showSummary={{false}} @chartType="all-members" @showRange={{false}} @chartStats={{this.memberCountStats.data.all}} />
@ -51,10 +49,8 @@
<div class="gh-dashboard-chart-container">
<div class="gh-dashboard-summary small">
<h4 class="gh-dashboard-header">Paid members</h4>
<div class="data-container">
<div class="data">{{this.memberCountStats.data.paid.total}}</div>
<div class="growth">0.0%</div>
</div>
<div class="data">{{this.memberCountStats.data.paid.total}}</div>
<div class="growth">0.0%</div>
</div>
<div class="gh-dashboard-chart small">
<GhMembersChart @nightShift={{feature "nightShift"}} @chartSize="small" @showSummary={{false}} @chartType="paid-members" @showRange={{false}} @chartStats={{this.memberCountStats.data.paid}} />
@ -65,10 +61,8 @@
<div class="gh-dashboard-chart-container">
<div class="gh-dashboard-summary small">
<h4 class="gh-dashboard-header">Newsletter open rate</h4>
<div class="data-container">
<div class="data">0%</div>
<div class="growth">0.0%</div>
</div>
<div class="data">0%</div>
<div class="growth">0.0%</div>
</div>
<div class="gh-dashboard-chart small nodata">
No data