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

Updated new publish settings page

Browse Source 
Refs https://github.com/TryGhost/Team/issues/1544
This commit is contained in:
Sanne de Vries 2022-04-21 15:51:06 +01:00
parent 14e2c59335
commit 2464675e4b
4 changed files with 63 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/components/editor-labs/publish-management.hbs
View File

@ -1,6 +1,6 @@
<button
type="button"
class="gh-btn gh-btn-editor green gh-publishmenu-trigger"
class="gh-btn gh-btn-editor darkgrey gh-publishmenu-trigger"
{{on "click" this.openPublishFlow}}
{{on-key "cmd+shift+p"}}
data-test-button="publish-flow"

26
ghost/admin/app/components/modals/editor-labs/publish-flow.hbs
View File

@ -8,21 +8,21 @@
<div class="flex-grow-1"></div>
</header>
<div class="flex flex-column flex-auto justify-center items-center w-50">
<div class="mb8 f1 fw6 midgrey">
Ready?
<strong class="darkgrey">Right now</strong>
this post will be
<strong class="darkgrey">published and sent</strong>
to
<strong class="darkgrey">all subscribers</strong>
of
<strong class="darkgrey">The Weekly Roundup</strong>.
<div class="gh-publish-settings-container">
<div class="gh-publish-title">Ready?</div>
<div class="gh-publish-settings">
<span class="gh-publish-setting">Right now</span>
, this post will be
<span class="gh-publish-setting">published and sent</span>
to
<span class="gh-publish-setting">all subscribers</span>
of
<span class="gh-publish-setting">The Weekly Roundup</span>.
</div>
<div class="flex flex-row w-100">
<button type="button" class="gh-btn gh-btn-black" {{on "click" (noop)}}><span>Continue</span></button>
<button type="button" class="gh-btn gh-btn-link" {{on "click" @close}}><span>Cancel</span></button>
<div class="gh-publish-cta">
<button type="button" class="gh-btn gh-btn-black gh-btn-large" {{on "click" (noop)}}><span>Continue &rarr;</span></button>
<button type="button" class="gh-btn gh-btn-link gh-btn-large" {{on "click" @close}}><span>Cancel</span></button>
</div>
</div>
</div>

45
ghost/admin/app/styles/components/publishmenu.css
View File

@ -356,3 +356,48 @@
.gh-publishmenu-checkbox-disabled p {
color: var(--midgrey) !important;
}
/* Publish Page (Labs)
/* ---------------------------------------------------------- */
.gh-publish-settings-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
max-width: 600px;
margin-bottom: 8rem;
}
.gh-publish-title {
margin-bottom: 3.6rem;
color: var(--black);
font-size: 3.2rem;
font-weight: 700;
}
.gh-publish-settings {
margin-bottom: 4.8rem;
color: var(--black);
font-size: 2.3rem;
font-weight: 400;
line-height: 2em;
}
.gh-publish-setting {
padding: 4px 8px;
font-weight: 700;
white-space: nowrap;
background: var(--whitegrey);
border-radius: var(--border-radius);
}
.gh-publish-cta {
display: flex;
width: 100%;
}
.gh-publish-cta .gh-btn-black {
margin-right: 1.2rem;
}

8
ghost/admin/app/styles/patterns/buttons.css
View File

@ -37,11 +37,11 @@
}
.gh-btn-large span {
height: 48px;
padding: 0 24px;
font-size: 1.5rem;
height: 40px;
padding: 0 20px;
font-size: 1.45rem;
font-weight: 500;
line-height: 46px;
line-height: 40px;
letter-spacing: .4px;
}