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

Refined disabled states more

This commit is contained in:
Peter Zimon 2019-11-07 15:49:49 +07:00
parent 48449ee222
commit 71ded80e8c
2 changed files with 23 additions and 24 deletions

View file

@ -109,8 +109,8 @@
/* Content /* Content
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
.settings-menu-container:not(.ember-power-select-multiple-trigger):not(.tag-settings) input, .settings-menu-container:not(.ember-power-select-multiple-trigger):not(.tag-settings) input:not([disabled]),
.settings-menu-container:not(.tag-settings) .gh-input, .settings-menu-container:not(.tag-settings) .gh-input:not([disabled]),
.settings-menu-pane .gh-date-time-picker-date, .settings-menu-pane .gh-date-time-picker-date,
.settings-menu-pane .gh-date-time-picker-time { .settings-menu-pane .gh-date-time-picker-time {
background: var(--white); background: var(--white);
@ -321,15 +321,16 @@
.settings-menu-mailgun-warning { .settings-menu-mailgun-warning {
border-radius: 5px; border-radius: 5px;
padding: 8px 12px; padding: 8px 12px;
background: var(--yellow); background: rgba(254, 205, 53, 0.1);
color: #fff; color: color-mod(var(--yellow) l(-8%) s(+10%));
border: 1px solid var(--yellow);
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
} }
.settings-menu-mailgun-warning a { .settings-menu-mailgun-warning a {
text-decoration: underline; text-decoration: underline;
color: #fff; color: color-mod(var(--yellow) l(-8%) s(+10%));
} }
.settings-menu-email .disabled button, .settings-menu-email .disabled button,

View file

@ -24,30 +24,28 @@
<div class="gh-publishmenu-radio-desc">Set automatic future publish date</div> <div class="gh-publishmenu-radio-desc">Set automatic future publish date</div>
</div> </div>
</div> </div>
{{#if (and this.feature.labs.members (eq this.post.displayName "post") (not mailgunError))}} {{#if (and this.feature.labs.members (eq this.post.displayName "post") (not mailgunError) (not this.deliveredAction))}}
<div class="gh-publishmenu-radio"> <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}}
{{#unless this.deliveredAction}} <div class="for-checkbox {{if disableEmailOption "pe-none"}}">
<div class="for-checkbox {{if disableEmailOption "pe-none"}}"> <div class="checkbox" for="email-when-published-checkbox">
<div class="checkbox" for="email-when-published-checkbox"> <Input @checked={{this.sendEmailWhenPublished}} @type="checkbox" @id="email-when-published-checkbox" @name="email-when-published" @disabled={{disableEmailOption}} />
<Input @checked={{this.sendEmailWhenPublished}} @type="checkbox" @id="email-when-published-checkbox" @name="email-when-published" @disabled={{disableEmailOption}} /> <span
<span class="input-toggle-component gh-publishmenu-email-checkbox"
class="input-toggle-component gh-publishmenu-email-checkbox" {{on "click" (toggle "sendEmailWhenPublished" this)}}
{{on "click" (toggle "sendEmailWhenPublished" this)}} ></span>
></span>
</div>
</div> </div>
<div class="gh-publishmenu-email-label {{if disableEmailOption "pe-none"}}"> </div>
<label class="gh-publishmenu-radio-label" for="email-when-published-checkbox">Email post</label> <div class="gh-publishmenu-email-label {{if disableEmailOption "pe-none"}}">
{{#if this.memberCount}} <label class="gh-publishmenu-radio-label" for="email-when-published-checkbox">Email post</label>
<div class="gh-publishmenu-radio-desc">Send post to members when published</div> {{#if this.memberCount}}
{{else}} <div class="gh-publishmenu-radio-desc">Send post to members when published</div>
<div class="gh-publishmenu-radio-desc">You haven't got any members</div> {{else}}
{{/if}} <div class="gh-publishmenu-radio-desc">You haven't got any members</div>
</div> {{/if}}
{{/unless}} </div>
{{/if}} {{/if}}
</div> </div>
{{/if}} {{/if}}