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 'create content' card to Dashboard

Browse source
This commit is contained in:
Peter Zimon 2021-03-10 22:15:51 +01:00
parent 73500dc712
commit 8210116c28
2 changed files with 83 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -238,6 +238,57 @@
background: var(--green); background: var(--green);
} }
.gh-dashboard-container.start-contents .gh-dashboard-box {
grid-row-gap: 0;
}
.gh-dashboard-container.start-contents .gh-dashboard-box h2 {
grid-column: 1 / 3;
border-bottom: 1px solid var(--whitegrey);
padding: 16px 28px;
font-size: 1.65rem;
font-weight: 600;
line-height: 1.4em;
}
.gh-dashboard-container.start-contents .gh-dashboard-box a {
display: flex;
padding: 16px 28px;
color: var(--black);
}
.gh-dashboard-container.start-contents .gh-dashboard-box a .icon {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
min-width: 38px;
height: 38px;
margin-right: 14px;
background: var(--pink);
border-radius: 4px;
color: #fff;
}
.gh-dashboard-container.start-contents .gh-dashboard-box a .icon svg {
width: 18px;
height: 18px;
}
.gh-dashboard-container.start-contents .gh-dashboard-box a .icon.green {
background: var(--green);
}
.gh-dashboard-container.start-contents .gh-dashboard-box a h4 {
font-size: 1.5rem;
margin-bottom: 4px;
font-weight: 500;
}
.gh-dashboard-container.start-contents .gh-dashboard-box a p {
font-size: 1.3rem;
}
/* Charts */ /* Charts */
.gh-dashboard-area.charts { .gh-dashboard-area.charts {
display: grid; display: grid;
@ -874,6 +925,15 @@
.gh-dashboard-join-community .footer-link { .gh-dashboard-join-community .footer-link {
margin-bottom: -24px; margin-bottom: -24px;
} }
.gh-dashboard-container.start-contents .gh-dashboard-box {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.gh-dashboard-container.start-contents .gh-dashboard-box h2 {
grid-column: 1 / 2;
}
} }
@media (max-width: 680px) { @media (max-width: 680px) {

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

@ -135,7 +135,30 @@
</section> </section>
{{/if}} {{/if}}
<section class="gh-dashboard-area mixed"> <section class="gh-dashboard-area mixed">
{{#if (not this.feature.launchComplete)}}
<div class="gh-dashboard-container start-contents">
<div class="gh-dashboard-box blogpost">
<h2>Start creating content</h2>
<LinkTo @route="members">
<span class="icon">{{svg-jar "members"}}</span>
<div>
<h4>Create your first member</h4>
<p>Add yourself or import members from CSV</p>
</div>
</LinkTo>
<LinkTo @route="editor.new" @model="post">
<span class="icon green">{{svg-jar "posts"}}</span>
<div>
<h4>Publish a post</h4>
<p>Get familiar with the Ghost editor and start creating</p>
</div>
</LinkTo>
</div>
</div>
{{/if}}
<div class="gh-dashboard-container col-2"> <div class="gh-dashboard-container col-2">
<div class="gh-dashboard-box"> <div class="gh-dashboard-box">
<div class="content"> <div class="content">