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

Added 'crunched' card to Dashboard

Browse source
This commit is contained in:
Peter Zimon 2021-03-10 21:39:06 +01:00
parent 61334c0014
commit 0eaf1abfe6
2 changed files with 53 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -214,6 +214,29 @@
color: var(--midgrey);
}
.gh-dashboard-container.crunched .gh-dashboard-box{
padding: 28px;
}
.gh-dashboard-container.crunched .chart {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 28px 16px 28px 32px;
height: 100%;
}
.gh-dashboard-container.crunched .chart .bar {
width: 100%;
height: 8px;
border-radius: 999px;
background: var(--lightgrey);
}
.gh-dashboard-container.crunched .chart .bar.green {
background: var(--green);
}
/* Charts */
.gh-dashboard-area.charts {
display: grid;
@ -838,6 +861,11 @@
grid-row: 2 / 3;
}
.gh-dashboard-container.crunched .chart {
padding: 0;
min-height: 140px;
}
.gh-dashboard-join-community {
padding: 44px 32px;
}

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

@ -181,14 +181,33 @@
</div>
</a>
{{!-- <div class="gh-dashboard-container">
<div class="gh-dashboard-box grey">
<div class="content">
<h2>...</h2>
<p>...</p>
<div class="gh-dashboard-container crunched">
<div class="gh-dashboard-box blogpost grey">
<div class="summary">
<h1>Listen, we’ve crunched the numbers & the data is clear.</h1>
<p>People who publish new content for their audience on a consistent schedule grow up to 5x faster than others.</p>
<p>In many cases, the single most valuable thing you can do is make a content calendar that you can stick to consistently. Be reliable. Build trust.</p>
</div>
<div class="chart">
<div>
<div class="bar green"></div>
<div class="flex justify-between fw6 black">
<span>At least 1 post per week</span>
<span class="f3">5x</span>
</div>
</div>
<div>
<div class="bar grey" style="width: 50%;"></div>
1 post per month
</div>
<div>
<div class="bar grey" style="width: 20%;"></div>
Sporadically
</div>
</div>
</div>
</div> --}}
</div>
<a class="gh-dashboard-container reverse" href="https://ghost.org/blog/find-your-niche-creator-economy/" target="_blank" rel="noopener noreferrer">
<div class="gh-dashboard-box blogpost">