Updated publishing flow email recipient filters

Refs https://github.com/TryGhost/Team/issues/1544
This commit is contained in:
Sanne de Vries 2022-05-12 13:30:14 +01:00
parent 2e6b219030
commit eafd2f901e
2 changed files with 24 additions and 30 deletions

View File

@ -1,4 +1,4 @@
<div class="gh-publish-send-to">
<div class="gh-publish-send-to {{if this.isSpecificChecked "mb4"}}">
<div class="gh-publish-send-to-option">
<div class="for-checkbox {{if @disabled "disabled"}}">
<label class="checkbox" for="send-email-to-free">
@ -71,27 +71,27 @@
>
<div class="flex">
<span class="input-toggle-component"></span>
<p>Other</p>
<p>Specific people</p>
</div>
</label>
</div>
</div>
{{#if this.isSpecificChecked}}
<GhTokenInput
@class="select-members select-members-recipient"
@dropdownClass={{@dropdownClass}}
@options={{this.specificOptions}}
@selected={{this.selectedSpecificOptions}}
@disabled={{@disabled}}
@searchMessage="All labels selected"
@optionsComponent="power-select/options"
@allowCreation={{false}}
@renderInPlace={{this.renderInPlace}}
@onChange={{this.selectSpecificOptions}}
as |option|
>
{{option.name}}
</GhTokenInput>
{{/if}}
{{/if}}
</div>
</div>
{{#if this.isSpecificChecked}}
<GhTokenInput
@class="select-members select-members-recipient"
@dropdownClass={{@dropdownClass}}
@options={{this.specificOptions}}
@selected={{this.selectedSpecificOptions}}
@disabled={{@disabled}}
@searchMessage="All labels selected"
@optionsComponent="power-select/options"
@allowCreation={{false}}
@renderInPlace={{this.renderInPlace}}
@onChange={{this.selectSpecificOptions}}
as |option|
>
{{option.name}}
</GhTokenInput>
{{/if}}

View File

@ -331,7 +331,6 @@
.gh-publish-send-to {
display: flex;
height: 38px;
}
.gh-publish-send-to-option {
@ -361,8 +360,8 @@
top: calc(50%-9px);
left: 14px;
margin: 0;
border-color: var(--white);
background: var(--white);
border-color: transparent;
background: transparent;
}
.gh-publish-send-to-option label p {
@ -392,8 +391,8 @@
}
.gh-publish-send-to-option .for-checkbox input:checked + .flex .input-toggle-component {
border: 1px solid var(--white);
background: var(--white);
border-color: transparent;
background: transparent;
}
.gh-publish-send-to-option .for-checkbox .input-toggle-component::before {
@ -406,11 +405,6 @@
border-color: var(--black);
}
.gh-publish-send-to .ember-power-select-multiple-trigger {
flex-grow: 1;
padding: 3px;
}
.gh-publish-emailcount {
margin-left: 4px;
font-size: 1.3rem;