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 publishmenu design

Browse source
This commit is contained in:
Peter Zimon 2019-11-06 11:01:42 +07:00
parent b427b3ca93
commit 63ed2a27df
2 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ghost/admin/app/styles/components/publishmenu.css
View file

@ -223,3 +223,12 @@
font-weight: 200; font-weight: 200;
color: var(--red); color: var(--red);
} }
.for-checkbox .gh-publishmenu-email-checkbox {
margin-right: 0;
background: var(--white);
}
.gh-publishmenu-email-label {
margin-left: 12px;
}

22
ghost/admin/app/templates/components/gh-publishmenu-draft.hbs
View file

@ -25,30 +25,22 @@
</div> </div>
</div> </div>
{{#if this.feature.labs.members}} {{#if this.feature.labs.members}}
<div class="flex mb4 justify-center"> <div class="gh-publishmenu-radio">
{{#if this.backgroundLoader.isRunning}} {{#if this.backgroundLoader.isRunning}}
<div class="gh-loading-spinner" style="zoom: 50%"></div> <div class="gh-loading-spinner" style="zoom: 50%"></div>
{{else}} {{else}}
{{#if this.deliveredAction}} {{#unless this.deliveredAction}}
<div class="mr3"> <div class="for-checkbox">
💌 <label class="checkbox" for="email-when-published-checkbox">
</div>
<div class="flex-grow-1">
<div class="gh-publishmenu-radio-label">Sent</div>
<div class="gh-publishmenu-radio-desc">Post was sent {{gh-format-post-time this.deliveredAction.createdAtUTC}}</div>
</div>
{{else}}
<div class="for-switch mr3">
<label class="switch" for="email-when-published-checkbox">
<Input @checked={{this.sendEmailWhenPublished}} @type="checkbox" @id="email-when-published-checkbox" @name="email-when-published" /> <Input @checked={{this.sendEmailWhenPublished}} @type="checkbox" @id="email-when-published-checkbox" @name="email-when-published" />
<span class="input-toggle-component"></span> <span class="input-toggle-component gh-publishmenu-email-checkbox"></span>
</label> </label>
</div> </div>
<div class="flex-grow-1"> <div class="gh-publishmenu-email-label">
<div class="gh-publishmenu-radio-label">Email post</div> <div class="gh-publishmenu-radio-label">Email post</div>
<div class="gh-publishmenu-radio-desc">Send post to {{this.memberCount}} members when published</div> <div class="gh-publishmenu-radio-desc">Send post to {{this.memberCount}} members when published</div>
</div> </div>
{{/if}} {{/unless}}
{{/if}} {{/if}}
</div> </div>
{{/if}} {{/if}}